设备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怎么工作代码内容请重视素材库中知识库其他相关文章
© 版权声明