Visual Studio Code中配置TypeScript自动编译

栏目: ASP.NET · 发布时间: 5年前

内容简介：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自动编译》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对码农网的支持！

查看所有标签

猜你喜欢:

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。

码农书籍

程序开发心理学

（美）杰拉尔德·温伯格 / 邓俊辉 / 清华大学出版社 / 2004-1-1 / 39.00元

本书开创"以人为本"研究方法的先驱，在长达25年的岁月中一直保持活力，至今仍在继续。1997年，本书作者温伯格因其在软件领域的杰出贡献，被美国计算机博物馆的计算机名人堂选为首批5位成员之一。在计算机界，还没有任何一本计算机方面的书，在初次出版之后，能够在长达25年的岁月中一直保持活力--而且这种活力到今天仍在继续。《程序开发心理学》是开创"以人为本"研究方法的先驱，它以其对程序员们在智力、......一起来看看《程序开发心理学》这本书的介绍吧!

码农工具

JS 压缩/解压工具

在线压缩/解压 JS 代码

MD5 加密

MD5 加密工具