VS code中使用code Runner插件直接运行Typescript

使用VS code运行ts

运行问题

我们知道,在VS code中运行.ts文件,是不能直接运行的,需要在修改代码之后,都重复执行两个命令,才能运行ts代码

tsc      文件名.ts (tsc 文件名.ts -w  可以监视ts文件(监视模式))

node  文件名.js

 直接运行方法

1、根据生成tsconfig.json

生成tsconfig.json配置文件,在项目终端输入 tsc --init

接着在终端输入  tsc -w(进入监视模式并生成该文件的js文件,在该文件夹下新建也会生成对应的js文件)

2、使用ts-node包

使用 ts-node 包,直接在 Node.js 中执行 TS 代码。它提供了 ts-node 命令,可以简化执行命令

安装命令:

npm i -g ts-node

 使用时,直接  ts-node 文件名.ts   就不用先生成js文件,再运行了

还可以安装插件 Code Runner 更加方便

文件的右上角可以直接点击就可以运行

鼠标右键  Run Code

当你在Visual Studio Code (VSCode) 尝试使用插件如`Code Runner`运行TypeScript (.ts) 文件时,如果遇到乱码问题,可能是由于编码设置不匹配导致的。解决这个问题的步骤通常包括以下几个方面: 1. **检查文件编码**:确保你的 TypeScript 文件是以正确的字符集(例如 UTF-8)保存的。你可以通过文件菜单 -> 选择“编码”选项检查并更改文件编码。 2. **设置终端编码**:打开 VSCode 的用户或工作区配置文件(`.vscode/settings.json`),找到 `terminal.integrated.shellArgs` 或 `terminal.integrated.shell.windows` 配置项,添加 `-encoding` 参数指定终端的默认编码,比如 `"utf-8"`。 ```json "terminal.integrated.shellArgs": ["-enc", "UTF-8"] ``` 3. **配置Code Runner插件**:在 `.vscode\extensions\ms-vscode.codelens-1.6.0\configurations.json` (如果你安装了 Code Lens 扩展)或 `~/.config/coderunner/coderunner.json` (如果没有安装)里,确认你的运行配置也设置了正确的编码。例如: ```json { "type": "shell", "args": ["node", "-e", "your-ts-file"], "options": { "cwd": "${workspaceFolder}", "encoding": "utf-8" } } ``` 4. **重启VSCode**:有时只是简单地关闭再打开编辑器就能解决问题。 5. **检查终端环境变量**:确保系统环境变量 `LANG` 或 `LC_ALL` 设定为支持文的编码,如 `en_US.UTF-8`。 如果以上步骤都无法解决,试着在终端直接运行命令行(如 Node.js)看是否会出现同样的问题,以便排查是否是外部工具或环境的问题。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值