一、安装TS
npm i -g typescript
复制代码
二、使用TS编译
tsc index.ts
复制代码
默认情况下ts会有以下假设:
1、假设当前的执行环境是dom
2、假如代码中没有模块化语句(import、export)便认为该代码是全局执行
3、编译的目标代码是ES3
改变默认的两种方法
1、使用ts命令时加上选项参数
2、使用ts配置文件tsconfig.json (常用)
tsc --init 生成配置文件: (下面的是常用配置--以后不断更新)
复制代码
{
"compilerOptions": {
// 编译选项
"target": "es2016", // 编译目标代码的版本标准
"module": "commonjs", // 编译目标使用的模块化标准
"lib": ["es2016"], // 指定ts环境
"outDir": "./dist", // 编译结果位置
"removeComments": true, // 编译结果移除注释
"strictNullChecks": true // 在严格的null检查模式下,null和undefined值不包含在任何类型里,只允许赋值给void和本身对应的类型
},
"include": ["./src"] // 指定tsc编译的范围
// "files": ["./src/index.ts"] // 指定编译文件,须删除"include"配置
}
复制代码
'lib'指定ts环境之后,node环境不存在了,需要重新安装:
npm i -D @types/node
复制代码
注意:使用了配置文件之后 tsc编译的时候不需要跟文件名,否则不会使用配置文件
三、使用第三方库简化编译流程
1、ts-node: 将ts文件在内存中完成编译、同时完成运行
npm i -g ts-node
复制代码
使用: ts-node src/index.ts
2、nodemon: 用于检测文件变化
cnpm i -g nodemon
复制代码
使用:nodemon --exec ts-node src/index.ts
tips: 可以将检测文件变化添加到脚本、方便调用
在package.json中添加:
"scripts": {
"dev": "nodemon --watch src -e ts --exec ts-node src/index.ts"
}
--watch src: 只检测src文件夹
-e ts: 只检.ts文件
复制代码
使用时直接:
npm run dev
复制代码