part2 react官方文档笔记10--静态类型检查
2018-03-02 11:19
459 查看
像typescript的静态类型检查可以在运行程序前发现类型错误,还能让编译器提供提示功能.
ts是js的超集,不能直接访问js中全局作用域的变量,比如windows,需要在声明中指定才可以
先安装npm install --save-dev typescript
或者
yarn add --dev typescript安装后,我们可以使用ts命令, 我们可以把它放到package.json中
{
// ...
"scripts": {
"build": "tsc",
// ...
},
// ...
}
如果不告诉ts编译器该怎么做,他不会对我们有任何帮助, ts --init可以生成 tsconfig.json
{
"compilerOptions": {
// ...
"rootDir": "src",
"outDir": "build"
// ...
},bulidyarn build
npm run build[b]类型声明
[/b]
编译器通过类型声明来检查错误与提示,因此需要类型声明文件的支持,(让别的模块能够通过导入调用)方式有两种
1 捆绑在包中, 默认为index.d.ts,或者package.json中typings或者types字段的值
2 放到DefinitelyTyped中,他是微软和开源贡献者共同管理的一个大型声明库# yarn
yarn add --dev @types/react
# npm
npm i --save-dev @types/react
3 还有一种方式是本地声明,在项目根目录下创建
declare module 'querystring'
export function stringify(val: object): string
export function parse(val: string): object
}
ts是js的超集,不能直接访问js中全局作用域的变量,比如windows,需要在声明中指定才可以
先安装npm install --save-dev typescript
或者
yarn add --dev typescript安装后,我们可以使用ts命令, 我们可以把它放到package.json中
{
// ...
"scripts": {
"build": "tsc",
// ...
},
// ...
}
如果不告诉ts编译器该怎么做,他不会对我们有任何帮助, ts --init可以生成 tsconfig.json
{
"compilerOptions": {
// ...
"rootDir": "src",
"outDir": "build"
// ...
},bulidyarn build
npm run build[b]类型声明
[/b]
编译器通过类型声明来检查错误与提示,因此需要类型声明文件的支持,(让别的模块能够通过导入调用)方式有两种
1 捆绑在包中, 默认为index.d.ts,或者package.json中typings或者types字段的值
2 放到DefinitelyTyped中,他是微软和开源贡献者共同管理的一个大型声明库# yarn
yarn add --dev @types/react
# npm
npm i --save-dev @types/react
3 还有一种方式是本地声明,在项目根目录下创建
declarations.d.ts
declare module 'querystring'
export function stringify(val: object): string
export function parse(val: string): object
}
相关文章推荐
- part2 react官方文档笔记09--JSX In Depth
- react官方文档笔记08--一个可以搜索过滤商品的小例子
- Android官方开发文档Training系列课程中文版:电池续航时间优化之检查与监测坞的状态与类型
- ES权威指南[官方文档学习笔记]-10 search lite
- React文档(十五)使用propTypes进行类型检查
- Android 官方培训文档 笔记 (6-10)
- React官方文档笔记之快速入门
- Log4j2官方文档翻译、学习笔记之三——Layouts的分类及常用类型示例
- Log4j2官方文档翻译、学习笔记之二——Appender的分类及常用类型示例
- ES权威指南[官方文档学习笔记]-37 optimistic concurrency control
- ES权威指南[官方文档学习笔记]-21 - an empty cluster
- python学习笔记011——检查变量类型type()
- ES权威指南[官方文档学习笔记]-49 Searching - the basic tools
- 02-Postgres数据库官方文档笔记-SQL基础(待续)
- OpenCV官方文档学习记录(10)
- React.js 官方文档摘记:非受控组件
- Redis 3.0官方文档翻译计划(2)——数据类型初探
- Jinja2学习笔记暨官方文档的翻译
- React官方文档—1. 安装
- TensorFlow官方文档中文版-笔记(六)