内容简介：Visual Studio Code包含TypeScript语言支持，但不包括TypeScript编译器tsc。您需要在全局或工作区中安装TypeScript编译器，以将TypeScript源代码转换为JavaScript（tsc HelloWorld.ts）。安装TypeScript的最简单方法是通过npm，即Node.js包管理器,发现目录下多了一个
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
以上所述就是小编给大家介绍的《Visual Studio Code中配置TypeScript自动编译》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！
猜你喜欢:
- Golang 环境配置与应用编译
- vscode Golang 开发环境配置（含插件编译）
- linux-golang编译器安装与配置
- Visual Studio 通过修改项目的调试配置文件做到临时调试的时候不要编译（解决大项目编译缓慢问题）
- Vue-Cli3多页面配置与编译时构建优化
- 01-05 NDK 开发必知必会1⃣️CC++编译器配置
本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。
数字化生存
（美）Nicholas Negroponte（尼古拉·尼葛洛庞帝） / 胡泳、范海燕 / 电子工业出版社 / 2017-1-1 / 68.00
《数字化生存》描绘了数字科技为我们的生活、工作、教育和娱乐带来的各种冲击和其中值得深思的问题，是跨入数字化新世界的*指南。英文版曾高居《纽约时报》畅销书排行榜。 “信息的DNA”正在迅速取代原子而成为人类生活中的基本交换物。尼葛洛庞帝向我们展示出这一变化的巨大影响。电视机与计算机屏幕的差别变得只是大小不同而已。从前所说的“大众”传媒正演变成个人化的双向交流。信息不再被“推给”消费者，相反，人们或他......一起来看看 《数字化生存》 这本书的介绍吧!
