利用VS Code监视任务自动编译TypeScript文件为JavaScript

​

VS Code 编译 *.ts 文件，需要安装 TS 依赖。

全局安装 TS ：

代码语言：javascript复制

yarn global add typescript
// or
npm install -g typescript

创建/生成 tsconfig.json 文件：

代码语言：javascript复制

tsc --init

这时会在当前目录生成 tsconfig.json （配置）文件。

打开配置文件，设置编译后输出的 *.js 文件夹：

代码语言：javascript复制

"outDir": "*.js 文件的输出路径"
// exp: "outDir": ""./dist"

VS Code 监控任务自动编译：

点击菜单 -  终端 - 运行任务 - 选择 typescript 和 监视相应的配置文件：

也可以使用快捷键 Ctrl Shift B 直接打开选择运行任务。

这样，修改完 *.ts 文件，VS Code 就会自动编译输出 *.js 文件了。

未经允许不得转载：w3h5-Web前端开发资源网 » 利用VS Code监视任务自动编译TypeScript文件为JavaScript

javascript typescript code 编译 终端

0 人点赞