一、安装Node.js扩展,支持TypeScript语法html
npm install -g typescript node
npm install -g typings
git
二、建立项目目录project_folder,建立Node.js项目github
mkdir project_folder && cd project_foldertypescript
npm initshell
三、在项目的目录下,建立TypeScript项目配制文件,使用tsc --init
,就会自动创建好一份tsconfig.json
。express
tsc --initnpm
tsconfig.json的参数详情连接:中文、英文(官网) json
tsconfig.json特殊符号: spa
*
匹配0或多个字符(不包括目录分隔符)
?
匹配一个任意字符(不包括目录分隔符)
**/
递归匹配任意子目录
若是项目发布到npm(npm publish),添加 "declaration": true, 则会自动生成*.d.ts文件
五、在项目的目录下,使用tsc命令编译
全部*.ts文件生成*.js文件
。
cd project_folder && tsc --rootDir src --outDir dist
在WebStorm中,能够设置以下,实现自动编译:
File->Default Settings...->Language & Frameworks->TypeScript
里面Compiler->Enable Typescript Compiler->Use tsconfig.json
六、为项目的*.ts添加API代码提示
cd project_folder
npm install --save-dev @types/node //Node.js的基础API代码提示
也能够用如下方法:
npm install --save-dev typescript @types/node @types/express
注意:因为类库API代码提示的版本通常不多及时更新,因此类库API代码版本老是过旧。能够从类库源码中复制index.d.ts、package.json这两个文件替换此目录(项目目录/node_modules/@types/类库名)内的两个文件