VSCode 自动编译 typescript

  • 全局安装ts npm i -g typescript

  • 在指定项目目录，执行命令 tsc --init，创建 tsconfig.json 文件

  • 修改配置 tsconfig.json 文件，如下：

        
  {
    "compilerOptions": {
    "target": "es5",
    "noImplicitAny": false,
    "module": "amd",
    "removeComments": false,
    "sourceMap": false,
    "outDir": "src/js" // 生成js的目录，若与ts同级目录："outDir": ""
    }
  }

  • 创建 ts 文件，点击菜单 任务-运行任务，点击 tsc:build-tsconfig.json， 此时目录下自动生成 js 文件

  • 点击菜单 任务-运行任务 点击 tsc:watch-tsconfig.json，当编辑 ts 文件，js 代码同步改变