内容简介: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自动编译》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!
猜你喜欢:- Golang 环境配置与应用编译
- vscode Golang 开发环境配置(含插件编译)
- linux-golang编译器安装与配置
- Visual Studio 通过修改项目的调试配置文件做到临时调试的时候不要编译(解决大项目编译缓慢问题)
- Vue-Cli3多页面配置与编译时构建优化
- 01-05 NDK 开发必知必会1⃣️CC++编译器配置
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
JAVA核心技术(卷1)
Cay S. Horstmann、Gary Cornell / 杜永萍、邝劲筠、叶乃文 / 机械工业出版社 / 2008-6 / 98.00元
《JAVA核心技术(卷1):基础知识(原书第8版)》是《Java核心技术》的最新版,《Java核心技术》出版以来一直畅销不衰,深受读者青睐,每个新版本都尽可能快地跟上Java开发工具箱发展的步伐,而且每一版都重新改写了的部分内容,以便适应Java的最新特性。本版也不例外,它反遇了Java SE6的新特性。全书共14章,包括Java基本的程序结构、对象与类、继承、接口与内部类、图形程序设计、事件处理......一起来看看 《JAVA核心技术(卷1)》 这本书的介绍吧!