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
相关文章
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx,可以直接看出数据类型,Type由微软开发,可以在任何浏览器和系统中运行,比较适合大型项目,TypeScript的安装
|
11月前
|
JavaScript 开发者
在 Babel 插件中使用 TypeScript 类型
【10月更文挑战第23天】可以在 Babel 插件中更有效地使用 TypeScript 类型,提高插件的开发效率和质量,减少潜在的类型错误。同时,也有助于提升代码的可理解性和可维护性,使插件的功能更易于扩展和升级。
|
JavaScript 前端开发 编译器
TypeScript教程(一)在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程,介绍了在VS Code中配置TypeScript环境的步骤,包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展,以及创建和运行一个简单的TypeScript "Hello World"程序。
TypeScript教程(一)在vscode中的配置TypeScript环境
|
JavaScript
vscode——如何调试typescript
vscode——如何调试typescript
250 4
|
JavaScript
vscode中TypeScript环境配置
vscode中TypeScript环境配置
574 0
VSCode 插件Code Runner 中文提示乱码
VSCode 插件Code Runner 中文提示乱码
VScode中C++多文件编译运行问题(使用code runner配置)
VScode中C++多文件编译运行问题(使用code runner配置)
|
C# iOS开发 MacOS
MacOS操作系统当中运行VSCode并配置运行调试C#项目
在开发的过程当中,经常会遇到各种开发环境,在MacOS上如何运行VSCode,配置并且调试C#项目,本文进行讲解
2720 0
MacOS操作系统当中运行VSCode并配置运行调试C#项目
sublime和vscode 推荐安装的插件
sublime和vscode 推荐安装的插件
222 0

热门文章

最新文章