关于类型定义文件的管理工具,经历了 tsd、typings 两代进化,现在官方推荐的方式是使用 npm 进行管理
1.安装之前,先用bower安装相应插件 例如安装CKEditor :
bower install --help
bower install --save ckeditor#full/4.5.11
bower home ckeditor
bower search ckeditor
bower install ckeditor
bower install angular-ui-router --save
2.升级TypeScript确认版本号在 2.0 以上
$ npm uninstall -g typescript$ npm install -g typescript$ tsc -v
npm install --save-dev typescript
3.类型定义库
Github 上的开源项目DefinitelyTyped用于维护常见 JavaScript 库的类型定义。
通过TypeSearch搜索对应库的类型定义文件。
4.安装类型定义文件
以 angularjs 为例,在工程根目录下执行如下命令以安装类型定义文件
$ npm install @types/angular --save-dev
对应的类型定义文件将被安装在工程根目录/node_modules/@types目录下。
5.配置tsconfig.json
工程根目录/src下的tsconfig.json用于配置 TypeScript 编译选项。在使用 npm 进行类型定义文件管理时,它的配置如下
{
"compilerOptions": {
"module": "commonjs",
"target": "ES5",
"noImplicitAny": true,
"removeComments": true,
"preserveConstEnums": true,
"sourceMap": true,
"rootDir": "./",
"outDir": "../www"
},
"exclude": [
"bower_components",
"components",
"../www"
],
"include": [
"../node_modules/@types",
"./"
]
}
在未配置typeroots的前提下,TypeScript 编译器会自动寻找引入node_modules/@types目录中的类型定义文件。更多信息请参考tsconfig-json types typeroots and types
5.如果你用的 Netbeans 要升级TypeScript Editor 插件
匹配 TypeScript 2,Netbeans 插件也需升级。在nbts下载最新的 .nbm 插件并导入 Netbeans 即可。
以下是typings时代的安转方法,可以参考:
2、然后再安装:typescript 相应支持插件
插件地址(包含绝大部分插件):https://github.com/DefinitelyTyped/DefinitelyTyped
安装时要注意的事项:
先全局安装:npm install typings --global
让后cd 到项目typings 目录下,进行以下命令的操作
安装命令说明: typings install -h