小编给大家分享一下VSCode中怎么配置TypeScript自动编译，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
站在用户的角度思考问题，与客户深入沟通，找到阿合奇网站设计与阿合奇网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、网站制作、
成都外贸网站建设、企业官网、英文网站、手机端网站、网站推广、
域名申请、网页空间、企业邮箱。业务覆盖阿合奇地区。
安装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自动编译”有了一定的了解，如果想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！
网页标题：VSCode中怎么配置TypeScript自动编译-创新互联
当前URL：
http://www.cdkjz.cn/article/dpgjdj.html
