VSCode插件 code runner运行TypeScript

简介: VSCode插件 code runner运行TypeScript

运行原理:


TypeScript -> JavaScript

1、VSCode先安装插件code runner


2、安装 typescript

npm install -g typescript

3、运行ts文件

(1)方法一:通用方法

配置settings.json


// 指定解释器
"code-runner.executorMap": {
    "typescript": "tsc $fileName && node $fileNameWithoutExt.js"
},

下表是 Code Runner 支持的自定义参数:

image.png


image.png

(2)方法二:ts-node


npm install -g ts-node

测试

const hello : string = "hello world"
console.log(hello);

运行结果


[Running] ts-node "/Desktop/demo.ts"
hello world
[Done] exited with code=0 in 0.942 seconds
相关文章
|
前端开发
VSCode中自带插件Emmet的用法
Emmet 是一个强大的工具,集成在 Visual Studio Code (VSCode) 中,可以大大提高编写 HTML 和 CSS 的效率。以下是如何使用 Emmet 插件的一些基本方法
395 4
|
NoSQL C语言 C++
C语言开发环境搭建,使用vscode运行hello,world
C语言开发环境搭建,使用vscode运行hello,world
903 0
|
传感器 前端开发 JavaScript
前端开发者必备的VS Code插件推荐
前端开发者必备的VS Code插件推荐
解决VSCode中Debug和运行路径不一致的
在VSCode调试时,如果程序运行路径不正确,可通过配置`launch.json`文件的`CWD`参数来解决。在`launch.json`中添加或修改`configurations`,例如设置`"cwd": "${fileDirname}"`,确保调试和运行时路径一致。这样可以避免因路径问题影响调试。记得`"name"`、`"type"`、`"request"`等其他关键参数也要正确配置。我是木头左,希望对你有所帮助!
解决VSCode中Debug和运行路径不一致的
|
Web App开发 XML 传感器
VSCode 开发Vue必备插件
VSCode 开发Vue必备插件
1374 0
VSCode插件分享--免费的ER工具
VSCode插件分享--免费的ER工具
296 0
|
JavaScript 开发工具 git
【Vscode】 Vscode常用插件
【Vscode】 Vscode常用插件
469 0
|
Windows
vscode 终端无法执行npm、cnpm命令的解决办法,npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试
vscode 终端无法执行npm、cnpm命令的解决办法,npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试
8904 0
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
527 0
|
JavaScript 前端开发
如何在vscode上直接运行typescript
如何在vscode上直接运行typescript
2949 0