如何用vscode调试ts代码

最新推荐文章于 2024-08-02 10:16:01 发布
最新推荐文章于 2024-08-02 10:16:01 发布
阅读量2.5k 收藏
点赞数
分类专栏： typescript 文章标签： vscode调试ts代码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liupengxunzhuanshu/article/details/107820953
版权
本文介绍了如何使用VSCode调试TypeScript(TS)代码，包括安装必要软件，配置tsconfig.json，以及解决tsc报错的问题。通过启用Code Runner扩展，设置"outDir"编译TS到JS，然后运行JS文件进行调试。
摘要由CSDN通过智能技术生成

如何用vscode调试ts代码

准备工作：ts下载好，vscode下载好，node下载好，npm包安装好
打开vscode，在拓展商店搜索“Code Runner”，下载好，
在这里插入图片描述
编辑器右上角出现这个倒三角型，就OK
在这里插入图片描述
然后打开终端窗口，输入

tsc --init

在这里插入图片描述
然后回车，这时候文件夹目录下会多一个tsconfig.json文件，打开文件
在这里插入图片描述

把"outDir": “./js”, 的注释打开

最低0.47元/天 解锁文章
wx_AX1091019
关注
专栏目录
VsCode 中的 TS断点调试
weixin_44908855的博客
11-10 4832
1. 配置步骤 第一步：准备要调试的ts文件 新建 a.ts 文件，作为要调试的ts文件console.log('1 准备开始执行 for 循环') for (let i: number = 1; i <= 3; i++) { console.log('...一锅装不下') } console.log('2 for 循环执行结束') 第二步：添加调试配置 打开调试窗口：点击左侧活动栏倒数第二个按钮（Debug） 生成默认配置：点击DEBUG后面的下拉框，选择添加配置 修改配置内容如下
vscode试调ts
好好学习
02-26 541
一、新建工程如下 二、安装依赖 npm install ts-node --save-d npm install typescript --save-d 三、.vscode 配置文件 launch.json配置 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https://go.microso...
VSCode 编译运行和调试 C++
最新发布
qq_42995238的博客
08-02 4992
VSCode编译运行和调试C++
在VSCode中调试TS
weixin_51295096的博客
02-02 3271
最近觉得自己平时用TS比较少，于是开始主动用TS刷题，提高自己对TS的熟练度，也希望自己以后能用TS尽量使用TS。但是在用TS刷leetcode的过程中发现调试比较困难，以前用VSCode调试js文件很简单，直接添加一个配置就行了，在根目录下新建。// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?在 TS 文件中打断点，点击调试按钮。现在我们可以使用调试TS愉快的刷leetcode了~在题目中打断点，再点击小箭头就可以快乐调试了。
Vscode 调试TS
Accpdaiyekun的专栏
05-23 1094
vscode ts 调试的一些配置信息，亲自按此步骤测试没有问题
vs coed 调试ts
qq1044523527的专栏
10-04 310
vs code 调试 ts文件
vscode调试ts
qq_43203949的博客
12-06 2048
vscode无法直接执行ts文件，需要安装typescript，将typescript转化为js，在通过运行转化的js文件来进行调试，生成js文件时要生成对应的.js.map(映射文件)，才能在ts文件打断点测试安装typescript 添加tsconfig.json文件 根据要求配置tsconfig.json文件 配置package.json 在package.json中配置这条脚本命令，通过tsc来编译ts文件为js
VSCode调试TS代码配置方法
CZ-001的博客
01-21 3576
配置步骤 VSCode调试TS代码是需要配置的。下面介绍配置步骤 1第一步准备要调试的ts文件 新建 a.ts 文件，作为要调试的ts文件 console.log('1 准备开始执行 for 循环') for (let i: number = 1; i <= 3; i++) { console.log('...一锅装不下') } console.log('2 for 循环执行结束') 2第二步打开调试窗口：点击左侧活动栏倒数第二个按钮(Debug) 生成默认配置：点...
vscode 直接调试 ts 文件
随风的博客
08-04 3513
1、新建一个文件夹”ts-learn”，并建立二级目录src（用于存放ts文件）和dist（存放编译后的js文件） 2、cd进入ts-learn目录 3、安装typescript依赖 npm install typescript --save-dev 4、安装ts-node npm install ts-node --save-dev 5、在根目录执行tsc --init生成tsconfig.json，并修改为下面这样: { "compilerOptions": { "modul
vscode-tslint:vscode的tslint集成
04-30
在tslint-server上打开VS代码 运行npm run compile或npm run watch以构建服务器并将其复制到tslint文件夹 调试按F5，它将调试器附加到服务器 要跟踪服务器通信，可以启用以下设置：“ tslint.trace.server”：“ ...
Angular2使用vscode断点调试ts文件的方法
08-28
Angular2 使用 VSCode 断点调试 TS 文件的方法 Angular2 是一个基于 TypeScript 构建的前端框架，使用 VSCode 作为 IDE 时，如何进行断点调试 TS 文件是一件很重要的事情。本文将详细介绍如何使用 VSCode 断点调试 ...
如何在VScode中运行TS 代码
qq_40259123的博客
01-17 1975
3. 全局安装typeScript 编译器（npm install -g typescript）执行这个命令的作用是生成【hello.js】文件。1. 安装VSCode。2. 安装node.js。命令，这个ts 文件就执行了。编译器，然后新建一个Ts 文件。
设置 VSCode+Vite+Vue3+ts 的断点调试
weixin_41245990的博客
06-21 2190
当前，Vite+Vue3+ts再结合一些优秀的UI框架，如Element plus，Ant design，Naive UI，移动端的Vant UI，是比较流行的前端技术之一。如何在vscode中 调试 Vite+Vue3+ts 的代码呢，今天我们一起来进行配置。首先，我们先配置ts的调试环境，再来配置Vue3的调试环境。
【vscode debug ts文件-配置参考】
qq_38428433的博客
05-01 492
【代码】【vscode debug ts文件-配置参考】
如何在VScode 中 调试 ts 文件 Unit test
weixin_33738982的博客
12-06 1669
最近在使用VScode 调试 mocha 写的 UT, 遇到一个问题，executor.js文件中require了某个ts写的文件代码，跑ut的时候回报错说无法找到。 解决方式是在参数中加入 "-r","ts-node/register" { "type": "node", "req...
VSCode使用TSLlint校验TS代码
小火车况且况且况且的博客
02-07 4861
VSCode使用TSLlint校验TS代码 下载TSLint插件 可以在项目的根目录下新建tslint.json的文件,用来自定义规则 在VSCode的设置setting.json中添加,可以在保存的时候自动格式化代码 // 设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F "editor.formatOnSave": true, // 每次保存的时候将代码按eslint和tslint格式进行修复 "editor.codeActionsO
vscode配置调试ts
LuckyThisWay的博客
07-16 1284
记录下配置调试ts的过程： 首先要安装了typescript，通过npm（Node.js包管理器）来安装： npm install -g typescript 在编辑器，将下面的代码输入到main.ts文件里： function sayHello(lang: string): string { return 'Hello, ' + lang; } let lang = "typeScript"; console.log(sayHello(lang)); 加入tsconfig.json文件 {
在VSCode中断点调试.js和.ts文件
qq_34388186的博客
01-06 697
在VSCode中断点调试js和ts文件
vscode如何运行并调试ts项目
05-30
这个配置项将使用 `ts-node` 运行时环境来编译和运行你的 TypeScript 代码，并将 `src/index.ts` 文件作为入口点。你可以根据你的项目结构和需求进行调整。 6. 在 VS Code 中打开你的 `index.ts` 文件，并在代码中...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值