VS Code中配置保存*.ts文件自动编译成*.js文件

前提:已经安装了typescript
否则使用下列命令全局安装typescript

npm i -g typescript 

第一步:使用cmd到达指定的项目下, 使用下列命令进行初始化,创建tsconfig.json 文件

tsc -init

”target” : 编译为何种规范,一般设置为 ES5 或者 ES2016/2017
“outdir” : 输出目录
“alwaysStrict” : 打开严格模式 (‘use strict’)
第二步:打开tsconfig.json文件修改和删除相应配置(如果想快速修改配置,请复制下列配置)

{
  "compilerOptions": {
   "target": "es5",
   "noImplicitAny": false,
   "module": "amd",
   "removeComments": false,
   "sourceMap": false,
   "outDir": "js"//你要生成js的目录
  }
}

第三步:打开VSCode进入该目录,按下 Ctrl+shift+B 快捷键会进行编译,初次编译会选择编译模式(自行编写.ts文件测试)
注意:
监视模式 是每当TS文件有变动就会自动编译,构建模式是手动命令编译时才会去编译,这里选择监视模式


参考网址:
1、https://blog.csdn.net/gofun4/article/details/80293222
2、https://www.jianshu.com/p/aa4145604ca9

你可能感兴趣的:(VS Code中配置保存*.ts文件自动编译成*.js文件)