欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

在node中搭建ts开发环境

程序员文章站 2022-07-02 19:26:49
...
一、安装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
复制代码

转载于:https://juejin.im/post/5d26d1ffe51d4550a629b30a