搭建TypeScript环境

搭建环境

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