vscode中ts文件自动编译为js文件的配置

使用下列命令全局安装typescript

npm i -g typescript 

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

tsc -init

打开tsconfig.json文件修改和删除相应配置(如果想快速修改配置,请复制下列配置)

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

vscode中ts文件自动编译为js文件的配置_第1张图片
vscode配置任务,运行任务

1.点击终端
2.点击运行任务
3.选择tsc监视

在这里插入图片描述
于是我们就会发现文件里多了一个js文件
vscode中ts文件自动编译为js文件的配置_第2张图片

你可能感兴趣的:(vscode中ts文件自动编译为js文件的配置)