javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > vscode运行typescript

在vscode上直接运行typescript的操作方法

作者:嚣张农民

在学习typescript的过程中发现在vscode上不能很好地的输出typescript的运行结果,需要先将typescript编译为javascript,在通过node执行js文件得到结果,这篇文章给大家介绍如何在vscode上直接运行typescript,感兴趣的朋友一起看看吧

如何在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选项,设置完可以支持输入及解决输出乱码问题。

补充:

使用vscode编写并运行typescript代码

1.安装vsCode

Visual Studio Code - Code Editing. Redefined

2.安装nodejs

下载 | Node.js 中文网

3.打开vscode,在vscode里面打开终端(快捷键是ctrl+~)
   查看是否成功安装node和npm:
   node -v
   npm -v
   在终端中输入如下命令并运行:
   npm install -g typescript
   检查是否成功安装(typescript)的命令:tsc -v

   运行流程:

手动编译和运行ts代码:
    1.编译  tsc 文件名(包含扩展名)
    2.运行  node 文件名(包含扩展名)

vscode 自动编译和运行ts代码:
     1.生成配置文件: tsc --init
      2.修改配置文件:tsconfig.json  ("outDir":"./js" ,“strict":false)
      3.启动监视任务 :terminal->run task...->show all task..->tsc:watch - tsconfig.json

运行:
快捷键:F5或ctrl+F5
选择: run->star debugging

参考:
typescript从入门到熟练,使用vscode编写

到此这篇关于如何在vscode上直接运行typescript的文章就介绍到这了,更多相关vscode运行typescript内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文