VSCode上直接跑TypeScript代码

最新推荐文章于 2024-08-08 21:49:13 发布
最新推荐文章于 2024-08-08 21:49:13 发布
阅读量90 收藏
点赞数
文章标签： vscode typescript javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/H_Ken/article/details/129862792
版权
本文介绍了如何一步步安装和配置Node.js、全局安装TypeScript，以及安装ts-node编译器。接着，指导读者在VSCode中安装CodeRunner插件，最后展示了一个编写代码demo并运行的过程。
摘要由CSDN通过智能技术生成

第一步安装node.js

官网node.js
傻瓜式安装即可

第二步

安装ts：-g表示对ts进行全局安装

npm install typescript -g

第三步

安装ts编译器：ts-node并不等于ts的Node.js,仅仅封装了ts编译的过程，提供直接运行ts代码的能力

npm install ts-node -g

## 四步安装vscode插件
安装Code Runner插件```
![插件截图](https://img-blog.csdnimg.cn/5f5ec2dc215140dca0db84d3b422d46c.png)
## 五步编写代码demo运行
![在这里插入图片描述](https://img-blog.csdnimg.cn/b38f7982ee39459181c5fdbc7e9ba264.png)
H_Ken
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在vscode上编写jsp_使用顶级 VSCode 扩展来加快开发 JavaScript
weixin_32267731的博客
12-24 1万+
VSCode 是一个开源的跨平台编辑器，已经成为程序员的最爱，特别是在 Web 开发社区。 它快速，可扩展，可定制，并具有大量功能。 如果你还没有使用 VSCode ，你应该了解一下。VSCode 已经有了数千个扩展。 我将在这篇文章中列出我日常使用的一些扩展。 让我们开始！Quokka.jsQuokka.js 是一个用于 JavaScript 和 TypeScript 的实时运行代码平台。 这意...
VSCode中自动编译typescript
01-07
一、安装typescript： cnpm i typescript -g 二、创建相应的项目目录，当前项目目录； 三、创建tsconfig.json文件： tsc --init 四、打开tsconfig.json文件修改和删除相应配置（如果想快速修改配置，请复制下列...
VScode搭建TypeScript开发环境
热门推荐
山水子农
10-17 1万+
TypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览器上。TypeScript 编译工具可以运行在任何服务器和任何系统上，TypeScript 是开源的。为什么选择 TypeScript以及TypeScript优缺点阅读TypeScript入门教程。利用VScode搭建TypeScript开发环境前提
直接运行ts
视力的博客
01-07 106
直接运行ts
如何在vscode上直接运行typescript
前端程序员、项目经理、人工智能博主
12-02 4691
在学习typescript的过程中发现在vscode上不能很好地的输出typescript的运行结果，需要先将typescript编译为javascript，在通过node执行js文件得到结果，执行过程如下 执行准备操作 1.全局安装ts-node包 npm install ts-node -g 2.在vscode商店安装Code Runner插件 点击右上角运行按钮即可看到输出控制面板运行结果 ......
VsCode中搭建TypeScript调试环境
m0_47584501的博客
09-15 1万+
无摘要
vscode直接运行typescript代码（保姆级教程）
qq_43176127的博客
06-20 615
vscode直接运行typescript（保姆级教程）
VSCode插件CodeRunner直接运行TypeScript
楚游香的博客
11-01 1350
1 简介 在VSCode中编写的TypeScript代码不能直接运行，需要先用tsc编译为JavaScript，然后才能运行。 有什么方法能直接运行TypeScript呢？使用VSCode插件Code Runner就可以了。 2 使用步骤 首先确保拥有Node.js环境。 2.1 全局安装ts-node模块 npm install -g ts-node 2.2 安装Code Runner插件 在VSCode插件商店搜索Code Runner，安装。 2.3 运行 运行TypeScript代码有好几种方式。
VS code中使用code Runner插件直接运行Typescript
团酱
10-19 807
我们知道，在VS code中运行.ts文件，是不能直接运行的，需要在修改代码之后，都重复执行两个命令，才能运行ts代码tsc 文件名.tsnode 文件名.js。
TypeScript - VS 断点调试TS代码配置
小多的博客
10-30 694
VSCode - 断点调试配置 注意：VSCode调试TS代码是需要配置的。 配置步骤 第一步：准备要调试的ts文件 新建 a.ts 文件，作为要调试的ts文件 console.log('1 准备开始执行 for 循环') for (let i: number = 1; i <= 3; i++) { console.log('..循环') } console.log('2 for 循环执行结束') 第二步：添加调试配置 打开调试窗口：点击左侧活动栏倒数第二个按钮（Debug） 生成默认配置
vscode-typescript-debugging：在vscode中调试Typescript
02-16
在Visual Studio Code (VSCode) 中调试TypeScript代码是一项至关重要的技能，对于TypeScript开发者来说，这能够极大地提高他们的工作效率。VSCode是一款强大的开源代码编辑器，它支持丰富的语言特性和扩展，使得对...
COCOS-TypeScript-VSCode
01-29
COCOS-TypeScript-VSCode
用VsCode编辑TypeScript的实现方法
10-15
文件范围模式是指，VSCode将打开的TypeScript文件视为独立单元，只有当一个文件明确地引用了另一个文件时，两个文件才会共享项目上下文。例如，使用/// <reference path="..." /> 来引用目录或额外模块。这种模式...
codemetrics:VSCode扩展，显示TypeScript类成员的复杂性信息
05-02
代码指标-Visual Studio代码扩展计算TypeScript / JavaScript / Lua文件中的复杂度。复杂度计算计算步骤： 从输入源文件创建AST 遍历它的每个节点根据节点的类型和与之关联的配置，创建有关该节点的新条目。 此项...
Visual Studio 和 VSCode 哪个好？
08-07 5346
在选择编程工具时，Visual Studio（VS）和 Visual Studio Code（VSCode）是两个最常被提及的选项。两者都是微软推出的产品，各有其独特的功能和优势。本文将深入比较 Visual Studio 和 VSCode，帮助读者理解它们的异同，并根据具体需求做出最佳选择。
VScode的环境编译器选择
最新发布
weixin_74923758的博客
08-08 415
【代码】VScode的环境编译器选择。
Visual Studio 和 VSCode 哪个好?
yang_xs的博客
08-04 3289
想要对Visual Studio 和 VSCode 进行比较，就要充分了解和Visual各有其优势和适用场景进行分析。和都是由微软开发的流行开发工具，但它们在设计理念、功能特性和使用场景上有明显的差异。和各有其优势和适用场景。适合大型、复杂项目和企业级开发，提供全面的开发工具和高级功能。VSCode则以其轻量级、跨平台、高度可定制化的特点，成为了许多开发者的日常编码工具。选择哪个工具，取决于项目的具体需求和个人的使用习惯。对于需要一个功能全面、强大的IDE 的用户，是理想选择；
在vscode上安装哪个typescript插件
05-25
在 VS Code 上安装 TypeScript 插件需要以下步骤： 1. 打开 VS Code。 2. 在左侧菜单栏中找到「扩展」，点击进入扩展管理界面。 3. 在搜索框中输入「TypeScript」，找到官方的 TypeScript 插件。 4. 点击「安装」...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值