最近在学习typescript的过程中,想到也许可以使用ts来开发node.js项目。在网上搜了一下,其实已经有很多开发者实践了这方面的内容。这里,我记录一下自己搭建开发环境的简单过程。
使用Typescript开发的好处:
较严格的类型检查和语法检查。
对ES6/ES2015/ES7(部分)支持比较好。
编译后的js文件很干净,也支持多种代码规范。
其他,请参见文档。
准备
node.js v6.9.1 或者任意的新版本,老版本暂时没有试验。
tsc typescript编译器,使用npm安装:npm install -g typescript,当前是v2.0.10
编辑器:vscode
命令行终端:windows的cmd
特别提示和吐槽:安装tsc可能需要翻墙(如果特别慢的话),所以也可以使用淘宝镜像。
建立node.js项目
使用npm init在指定的目录中建好项目的目录。
在这里我建立了一个自己的项目目录结构:
testTS
|---build //编译后的js文件目录
|---src //ts文件目录
|---static //客户端静态文件
| |---scripts
| | |---main.js
| |----styles
| | |---style.css
| |----assets
|---views //html文件目录
| |---index.html
|---package.json
|---tsconfig.json编辑 tsconfig.json
在上面的目录结构中有一个tsconfig.json文件,用来设置ts的编译选项。
想要获取这份文件,可以在项目根目录下使用tsc –init,就会自动建立好一份.tsconfig.json。
编写需要的配置项
默认情况下,tsc会使用默认的编译配置编译目录中的所有.ts文件。通过书写tsconfig.json,我们可以配置tsc的编译行为,达到想要的结果:
{
"compilerOptions": {
"module": "commonjs", //指定生成哪个模块系统代码
"target": "es6", //目标代码类型
"noImplicitAny": false, //在表达式和声明上有隐含的'any'类型时报错。
"sourceMap": false, //用于debug
"rootDir":"./src", //仅用来控制输出的目录结构--outDir。
"outDir":"./build", //重定向输出目录。
"watch":true //在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译。
},
"include":[
"./src/**/*"
],
"exclude":[
"views",
"static"
]}
配置文件注意点
“compilerOptions”是编译选项,具体详情,请参见:
中文文档
英文文档
“module”是用来指定设置编译后的js代码,使用何种模块规范。由于是开发node.js项目,所以选择commonjs。(有兴趣的话,可以把所有module所有可能的值都试一遍,查看编译后的js文件的差别,会发现生成的代码还是很不错的,很干净。)









