JS是一种弱类型语言,对于代码的维护和重构是非常困难的。
TypeScript是一个编译到纯JS的有类型定义的JS超集,可以极大的提升代码的健壮性。
使用TS后,能够方便的查看函数定义、默认参数及类型、变量结构体等,同时对于IDE的参数类型提示也是非常友好的。
优点
- 可维护性
- 健壮性
- 其申明文件可以兼容IDE
安装
$ npm install -g typescript
# 查看版本
$ tsc --version
# 使用
$ tsc
默认配置文件
官方文档:
其它参考:
tsconfig.json(参考即可)
{
"compilerOptions": {
"module": "commonjs",
"target": "es6",
"sourceMap": true,
"allowJs": true,
// "outDir": "build",
"moduleResolution": "node"
},
"exclude": [
"node_modules"
],
"include": [
"./models/**/*",
"./models2/*"
]
}
// 具体配置可参考上述链接
//files: 数组类型,用于表示由 ts 管理的文件的具体文件路径
//exclude: 数组类型,用于表示 ts 排除的文件(2.0 以上支持 Glob)
//include: 数组类型,用于表示 ts 管理的文件(2.0 以上)
//compileOnSave: 布尔类型,用于 IDE 保存时是否生成编译后的文件
//extends: 字符串类型,用于继承 ts 配置,2.1 版本后支持
//compilerOptions: 对象类型,设置编译的选项,不设置则使用默认配置,配置项比较多,后面再列
//typeAcquisition: 对象类型,设置自动引入库类型定义文件(.d.ts)相关,该对象下面有 3 个子属性分别是:
//enable: 布尔类型,是否开启自动引入库类型定义文件(.d.ts),默认为 false
//include: 数组类型,允许自动引入的库名,如:["jquery", "lodash"]
//exculde: 数组类型,排除的库名
//如不设定 files 和 include,ts 默认是 exclude 以外的所有的以 .ts 和 .tsx 结尾的文件。如果,同时设置 files 的优先级最高,exclude 次之,include 最低。
总结
- 使用tsc可以添加参数,不使用配置文件;
- 默认配置文件放在根目录;
- 如果使用webstorm可以使用自带的TypeScript插件保存时自动生成,或者在File Watchers添加TypeScript也可以实现;
|
请发表评论