如何设置VSCode使TypeScript实现自动编译？

本文共计439个文字，预计阅读时间需要2分钟。

相关推荐：安装TypeScript编译器 + Visual Studio Code 包含TypeScript语言支持，但不包括TypeScript编译器tsc。您需要在全局或工作区中安装TypeScript编译器，以便将TypeScript源代码转换为JavaScript。

相关推荐：《vscode教程》

安装TypeScript编译器

Visual Studio Code包含TypeScript语言支持，但不包括TypeScript编译器tsc。您需要在全局或工作区中安装TypeScript编译器，以将TypeScript源代码转换为JavaScript（tsc HelloWorld.ts）。

安装TypeScript的最简单方法是通过npm，即Node.js包管理器,-g表示全局安装。

安装

npm install -g typescript

检查版本-安装成功会输出版本信息

tsc --version

xm@xm-Vostro-3670:~/project$ tsc --version Version 3.3.3333

新建HelloWorld文件夹和hello_world.ts文件

mkdir HelloWorld

const text:string = 'hello world';console.log(text);

新建Tsconfig.json

{ "compilerOptions": { "target": "es5", "module": "commonjs", "outDir": "out", "sourceMap": true } }

新增任务

Tenimal->Run Task

选择tsc:build-tsconfig.json

配置完成

按下F5

发现目录下多了一个out文件夹配置的是"outDir": "out",DEBUG CONSOLE输出hello world。

修改text保存按下F5

更多编程相关知识，请访问：编程视频！！

以上就是VSCode中配置TypeScript自动编译的详细内容，更多请关注自由互联其它相关文章！