设备TypeScript编译器

Visual Studio Code包括TypeScript言语支持，但不包括TypeScript编译器tsc。您需求vscode下载在全局或作业区中设备TypeScript编译器，vscode是干什么用的以vscode怎样工作代码将TypeScript源代码转换为JavaScriptvscode设置中文vscode怎样工作代码（tsc HelloWorld.ts）。

设备TypeScript的最简单办vscode运用教程法是通过npm，即vscovscode下载安装教程de装备c言语环境Node.js包管理器,-g表明全局设备vscode设置中文。

设备

npm ivscode下载nstall -g typesvscode下载cript

检查版别-设备成功会输出版别信息

tsc --version

xm@xm-Vosvscode怎样工作代码tro-3670:~/vscode快捷键projevscode怎么工作代码ct$ tsc --version
Version 3.3.3333

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

mkdir HelVSCodeloTypeScript主动编译WoTypeScript主动编译rlvscode装备pythond

const text:strinVSCodeg = 'hello world';console.log(text);

新建Tsconfig.json

{
"vscode是干什么用的cvscode下载安装教程ompilerOptions": {
"target"vscode设置中文: "esTypeScript主动编译5",
"module": "covscode怎样工作代码vscode运用教程mmonjs",
"outDir": "out",
"svscode怎样工作代码ouvscode装备pythonrceMap": true
}
}

新增任务

Tenimal-vscode装备c言语环境>Run Task

选择tsc:build-tsconfig.jsoVSCoden

装备完结

按下F5

发现目录下多了一个outvscode怎样工作代码文件夹装备的是"outDvscode设置中文ir": "out",DEBUvscode插件Gvscode装备c言语环境 CONSOLE输出hello wvscode下载orld。

修正text保存按下F5

更多编程相关知识，请拜访：编程视频！！

以上便是VSCode中配VSCode置TypeScript主动编译的具体内容，更多vscode怎么工作代码内容请重视素材库中知识库其他相关文章