AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

如何在vscode上直接运行typescript

2023-08-28 1404
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 如何在vscode上直接运行typescript

在学习typescript的过程中发现在vscode上不能很好地的输出typescript的运行结果，需要先将typescript编译为javascript，在通过node执行js文件得到结果，执行过程如下

执行准备操作

1.全局安装ts-node包

npm install ts-node -g

2.在vscode商店安装Code Runner插件

点击右上角运行按钮即可看到输出控制面板运行结果

3.解决乱码方案:

设置 > Extensions，找到 Run Code configuration，勾上 Run In Terminal选项，设置完可以支持输入及解决输出乱码问题。

文章标签：
JavaScript
前端开发
关键词：
vscode运行
vscode TypeScript
TypeScript运行
vs code运行
vs code typescript
嚣张农民
目录
相关文章
你挚爱的强哥
|
7月前
设置VSCode运行任务命令快捷键Alt+R，通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
设置VSCode运行任务命令快捷键Alt+R，通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
你挚爱的强哥
101 0
你挚爱的强哥
|
7月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“；”分号（JavaScript、TypeScript格式化）
你挚爱的强哥
439 0
nanshaws
|
2月前
|
C语言 C++
VScode怎么实现c的运行，这里只讲述一些细节
第一步要设置信任模式，否则你后面搞什么都没有用
nanshaws
45 1
爱你三千遍斯塔克
|
5月前
|
JavaScript 前端开发 开发工具
TypeScript的介绍,let age:number = xxx，可以直接看出数据类型，Type由微软开发，可以在任何浏览器和系统中运行，比较适合大型项目,TypeScript的安装
TypeScript的介绍,let age:number = xxx，可以直接看出数据类型，Type由微软开发，可以在任何浏览器和系统中运行，比较适合大型项目,TypeScript的安装
爱你三千遍斯塔克
63 0
风吹落叶花飘荡
|
4月前
|
JavaScript 前端开发 编译器
TypeScript教程（一）在vscode中的配置TypeScript环境
本文是一篇TypeScript入门教程，介绍了在VS Code中配置TypeScript环境的步骤，包括安装Node.js、使用npm安装TypeScript、配置npm镜像源、安装VS Code的TypeScript扩展，以及创建和运行一个简单的TypeScript "Hello World"程序。
风吹落叶花飘荡
308 2
TypeScript教程（一）在vscode中的配置TypeScript环境
。思索
|
4月前
|
JavaScript
vscode——如何调试typescript
vscode——如何调试typescript
。思索
85 4
。思索
|
4月前
|
C语言 C++
vscode——如何在vscode中运行C/C++
vscode——如何在vscode中运行C/C++
。思索
63 1
路边两盏灯
|
4月前
|
JavaScript 前端开发 C++
【Azure Function】调试 VS Code Javascript Function本地不能运行，报错 Value cannot be null. (Parameter 'provider')问题
【Azure Function】调试 VS Code Javascript Function本地不能运行，报错 Value cannot be null. (Parameter 'provider')问题
路边两盏灯
35 0
路边两盏灯
|
4月前
|
存储 Java 开发工具
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件，下载及清理)
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件，下载及清理)
路边两盏灯
65 0
游客iyfakqyinfxv2
|
6月前
|
Python
解决VSCode中Debug和运行路径不一致的
在VSCode调试时，如果程序运行路径不正确，可通过配置`launch.json`文件的`CWD`参数来解决。在`launch.json`中添加或修改`configurations`，例如设置`"cwd": "${fileDirname}"`，确保调试和运行时路径一致。这样可以避免因路径问题影响调试。记得`"name"`、`"type"`、`"request"`等其他关键参数也要正确配置。我是木头左，希望对你有所帮助！
游客iyfakqyinfxv2
314 0
解决VSCode中Debug和运行路径不一致的

热门文章

最新文章

  • 1
    推荐 7 个学习 TypeScript 的宝库，2021 学 TS 看这篇就够了！
  • 2
    TypeScript 泛型
  • 3
    TypeScript 真香，说说它的优缺点
  • 4
    nodejs 不支持 typescript （...paramName:any[]）剩余参数。变相支持方式。
  • 5
    TypeScript的概要和简介
  • 6
    Vue3+TS系统学习一 - 邂逅Vue3和TypeScript
  • 7
    ts重点学习123-属性的装饰器笔记
  • 8
    TypeScript入门之函数
  • 9
    ts（typescript）面向对象之类的抽象类
  • 10
    ts重点学习85-map类型
  • 1
    【GitHub】github学生认证，在vscode中使用copilot的教程
    984
  • 2
    【vscode】在本地加载远端环境并开发
    349
  • 3
    vscode跟踪vue代码方法
    194
  • 4
    如何使用vscode启动Flask并实现无公网IP远程访问内网服务
    219
  • 5
    vscode 使用python无法导入库
    202
  • 6
    PHP基于B/S版 医院不良事件管理系统源码vscode+laravel8医院如何加强不良事件上报系统的管理 AEMS系统源码
    70
  • 7
    一个开源轻量级的C#代码格式化工具（支持VS和VS Code）
    227
  • 8
    【专栏：工具与技巧篇】使用代码编辑器（VS Code/Sublime Text）提升开发效率
    319
  • 9
    在 VS Code 中使用 OSS 进行 Markdown 文档编写
    313
  • 10
    VSCode快捷键使用教程：提高编码效率的利器
    1111

    • 相关电子书

    更多
  • 现代TypeScript高级教程
  • JS零基础入门教程（上册）
  • 低代码开发师（初级）实战教程

    • 相关实验场景

    更多
  • 对象和接口-1：对象类型
  • 函数类型-1：基本语法
  • 常见类型-1：空，联合，枚举
  • 常见类型-2：数组和元组
  • 语言入门-2：基本类型
  • 语言入门-1：环境构建
    • 下一篇
    【案例实战】SpringBoot整合阿里云文件上传OSS