设备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);

1.png

新建Tsconfig.json

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

新增任务

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

2.png

选择tsc:build-tsconfig.jsoVSCoden

3.png

装备完结

按下F5

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

4.png

修正text保存按下F5

5.png

更多编程相关知识,请拜访:编程视频!!

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

© 版权声明
评论 抢沙发
  • Miraitowa的头像-素材库

    昵称

  • 取消
    昵称表情代码图片