vscode自动编译ts文件

1. 安装typescript
   • npm install -g typescript
   • 编译：tsc index.ts，将ts，文件编译成js文件.
2. 配置vscode
   • 在项目目录下运行命令行 tsc --init，生成tsconfig.json文件，修改outdir字段
     
     

     image.png
   • 在vscode中点击 终端 -> 运行任务 -> tsc:监视 即可保存着 josn文件配置的输出目录中。

   • 在项目文件中引用对应js文件即可。

     
     
     

     image.png