搭建环境
- 初始化一个项目 npm init -y
- 全局安装 npm i typescript -g
- 生成TypeScript 配置文件 tsc --init
- 修改TypeScript配置文件
- "outDir": "./dist", 输出到当前目录的 dist 目录中
- "rootDir": "./src", 处理当前目录的 src 目录中的 .ts 文件
- 终端输出 tsc 指令,根据配置文件生成对应的 js 文件
- 安装 npm i ts-node -g 使 node.js 环境下可以直接运行 typescript
- 全局安装 npm i nodemon -g 用于监听文件变化
- 修改 package.json 文件,在 scripts 中添加 "dev": "nodemon --watch src/ -e ts --exec ts-node ./src/index.ts"
- nodemon --watch src/ 表示监听当前目录中的 src 目录
- -e -ts 表示监听 .ts 后缀的文件
- --exec ts-node ./src/index.ts 表示 src 目录下有任何变化都需要使用 ts-node 来执行 index.ts
- 安装打包工具 npm install parcel-bundler -D 使 TypeScript 可以在浏览器中运行
- 配置 package.json 文件,在 scripts 选项中新增 "start": "parcel ./index.html",
- 终端执行 npm run start 就可以在 index.html 文件中执行 .ts 文件