VSCode中配置TypeScript自动编译-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

安装TypeScript编译器

Visual Studio Code包含TypeScript语言支持，但不包括TypeScript编译器tsc。您需要在全局或工作区中安装TypeScript编译器，以将TypeScript源代码转换为JavaScript（tsc HelloWorld.ts）。

安装TypeScript的最简单方法是通过npm，即Node.js包管理器,-g表示全局安装。

安装

1	`npm install -g typescript`

检查版本-安装成功会输出版本信息

1	`tsc --version`

1 2	`xm@xm-Vostro-3670:~/project$ tsc --version` `Version 3.3.3333`

新建`HelloWorld`文件夹和`hello_world.ts`文件

1	`mkdir` `HelloWorld`

1	`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自动编译

安装TypeScript编译器

安装

检查版本-安装成功会输出版本信息

新建`HelloWorld`文件夹和`hello_world.ts`文件

新建Tsconfig.json

新增任务

Tenimal->Run Task

选择`tsc:build-tsconfig.json`

配置完成

按下`F5`

修改`text`保存按下`F5`

相关推荐

评论

安装TypeScript编译器

安装

检查版本-安装成功会输出版本信息

新建HelloWorld文件夹和hello_world.ts文件

新建Tsconfig.json

新增任务

Tenimal->Run Task

选择tsc:build-tsconfig.json

配置完成

按下F5

修改text保存按下F5

相关推荐

评论

新建`HelloWorld`文件夹和`hello_world.ts`文件

选择`tsc:build-tsconfig.json`

按下`F5`

修改`text`保存按下`F5`