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);
复制代码
Visual Studio Code中配置TypeScript自动编译

新建Tsconfig.json

{
  "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "outDir": "out",
      "sourceMap": true
  }
}
复制代码

新增任务

Tenimal->Run Task

Visual Studio Code中配置TypeScript自动编译

选择 tsc:build-tsconfig.json

Visual Studio Code中配置TypeScript自动编译

配置完成

按下 F5

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

Visual Studio Code中配置TypeScript自动编译

修改 text 保存按下 F5

Visual Studio Code中配置TypeScript自动编译

以上所述就是小编给大家介绍的《Visual Studio Code中配置TypeScript自动编译》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

程序与法治

程序与法治

孙洪坤 / 中国检察 / 2008-3 / 28.00元

《程序与法治》是系统和全面地研究程序与法治国家建设思想的学术专著,《程序与法治》对程序与法治的若干重大理论与现实问题进行了深入的探讨,如:从法社会学的视角研究程序正义在中国的可适应性问题;程序正义的中国语境;正当程序的宪政价值与构造;正当程序的文化底蕴;中国刑事程序正当化设计的标准、设计的基调、设计的视角;等等。尽管其中某些问题的研究尚待进一步深入,但这些问题的提出有利于开阔我们研究程序法理论的视......一起来看看 《程序与法治》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

html转js在线工具
html转js在线工具

html转js在线工具