VSCode中怎么配置TypeScript自动编译

发布时间:2021-02-20 10:21:11 作者:小新
来源:亿速云 阅读:266

小编给大家分享一下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);

VSCode中怎么配置TypeScript自动编译

新建Tsconfig.json

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

新增任务

Tenimal->Run Task

VSCode中怎么配置TypeScript自动编译

选择tsc:build-tsconfig.json

VSCode中怎么配置TypeScript自动编译

配置完成

按下F5

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

VSCode中怎么配置TypeScript自动编译

修改text保存按下F5

VSCode中怎么配置TypeScript自动编译

看完了这篇文章,相信你对“VSCode中怎么配置TypeScript自动编译”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. Typescript VSCode编译
  2. vscode配置自动编译less

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

vscode typescript

上一篇:使用PHP7的注意事项有哪些

下一篇:如何安装配置MySQL8.0.22

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》