搭建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 文件
上一篇:一些吐槽 (1)


下一篇:语音顶会Interspeech 论文解读|Multi-Task Multi-Network Joint-Learning of Deep Residual Networks and Cycle-Consistency Generative Adversarial Networks for Robus