一、安装
npm install -g typescript
二、使用tsc编译
index.ts文件
通过tsc编译成index.js
tsc index.ts
编译后的index.js文件
注意：
1.通过tsc默认编译成的js版本默认是es3版本
2.编译之后会发现原来的index.ts文件报错了，显示无法重复声明test，是因为如果代码中没有使用模块化语句（import、export），便认为该代码是全局执行的，编译后的index.js中声明了一个变量test，所以在index.ts又声明了一个test就会报错
3.tsc默认的运行环境为dom
三、配置ts
配置TypeScript需要创建一个tsconfig.json文件可以手动创建也可以通过tsc创建
配置项
- target：编译后的js版本，默认是es3
- module：编译后的模块化标准（commonjs/es6）
- outDir：tsc默认把编译后的js放到和当前ts同个文件夹中，outDir用来设置编译后的js存放的文件夹
- include：默认情况下tsc或编译当前文件夹和文件夹下所有子文件夹中的所有ts文件，include是用来指定编译文件的，指定之后tsc只会编译指定的文件夹下的ts文件
- lib：默认的执行环境为dom，可以使用window，console这些，如果没有填写dom，使用这些就会报错，这时可以安装@types/node
更多配置项
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"outDir": "./dist",
"lib": ["ES2016"]
},
"include": ["./src"],
}
注意：
使用了配置文件后编译ts文件后面就不能加上文件名，如果加上了文件名就会忽略配置文件
三、使用第三方库简化流程
- ts-node：将ts代码在内存中完成编译，同时完成运行，不会再编译出js文件
- nodemon：用于检测文件的变化，重新对ts进行编译
安装：
npm i -g ts-node nodemon
启动：
nodemon --watch src -e ts --exec ts-node src/index.ts
–watch src:：表示只监听src下的文件
-e ts：表示只监听ts结尾的文件