在node中搭建ts开发环境

一、安装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
复制代码