使用自动重启在vscode中调试typescript
在VSCode中调试TypeScript时，使用自动重启可以提高开发效率和调试体验。自动重启是指在保存代码文件后，自动重新编译和运行应用程序，以便立即查看更改的效果。
要在VSCode中实现自动重启，可以按照以下步骤操作：
- 确保已在项目中正确配置了TypeScript编译器和调试器。可以使用
tsconfig.json文件来配置编译选项，使用launch.json文件来配置调试选项。 - 打开VSCode的调试视图，点击左侧的调试按钮，然后点击顶部的齿轮图标，选择"Add Configuration"。
- 在弹出的选择框中，选择"Node.js"作为调试环境。
- 在生成的
launch.json文件中，找到配置项"program"，将其设置为TypeScript编译后的JavaScript文件路径。例如，如果TypeScript文件位于src/index.ts，则设置为"program": "${workspaceFolder}/dist/index.js"。 - 在
launch.json文件中，找到配置项"restart"，将其设置为true，以启用自动重启功能。 - 保存
launch.json文件，并回到编辑器界面。 - 在VSCode中打开TypeScript文件，并进行编辑。
- 当你保存文件时，VSCode会自动重新编译TypeScript文件，并重新启动应用程序，以便查看更改的效果。
自动重启在TypeScript开发中非常有用，特别是在进行调试时。它可以帮助开发人员快速验证代码更改，并及时发现和修复问题。此外，自动重启还可以减少手动操作的次数，提高开发效率。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（Serverless）：https://cloud.tencent.com/product/scf
- 腾讯云容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
- 腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云直播（CSS）：https://cloud.tencent.com/product/css
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云网络安全（SSL证书、DDoS防护等）：https://cloud.tencent.com/product/cns
相关·内容
1回答
使用自动重启在vscode中调试typescript
node.js、typescript、visual-studio-code、nodemon
我正在用node设置一个typescript项目。我可以使用下面的launch.json配置在vs代码中调试我的main.ts文件： "type": "node", {
&
浏览 20提问于2017-07-04得票数 0
5回答
更改时调试和重新启动typescript vscode
typescript、debugging、visual-studio-code、vscode-tasks
我想调试和设置typescript文件上的断点，并在使用VSCode调试器配置进行更改时重新启动调试器(如nodemon监视更改)。{ "request"
浏览 1提问于2018-01-27得票数 7
1回答
无法在当前版本的VS代码中附加节点调试器
node.js、visual-studio-code、nvm
我将VS代码更新到版本1.59.1，Node调试不再有效--在今天之前，我是在2020年7月构建的。我使用nvm在版本之间切换，我的nvm默认值是Node12.22。如果我在VS代码终端中运行'node --inspect-brk...‘(我以前就是这么做的)，那么就会挂起一个’调试器监听...‘。消息。如果我运行'node --inspect‘，程序就会运行，同时还有一个’调试器监听..‘。消息，但不支持断点。(
浏览 0提问于2021-08-26得票数 2
1回答
Visual代码-使用Node.js和自动重新启动调试TypeScript应用程序
node.js、gulp、visual-studio-code、nodemon
我正在尝试使用Node.js中的TypeScript调试一个VSCode应用程序。我要：
我点击了"F5“，应用程序
浏览 1提问于2016-12-16得票数 2
1回答
如何在vs2019或vscode中调试Angular SPA
visual-studio-code、single-page-application、angular7、visual-studio-2019
这可能是一个愚蠢的问题，但我不知道如何在vscode或vs2019社区中调试我的整个应用程序。如果我使用vs2019，我可以很好地调试api、控制器等，但不能调试typescript或js。如果我使用vscode，我可以调试typescript，但它不会调用api，因此应用程序锁定…… 有什么建议吗？我在vscode中尝试了google扩展，但仍
浏览 22提问于2019-05-12得票数 10
回答已采纳
1回答
Vscode调试器-当进程通过pm2重新启动时自动附加
node.js、visual-studio-code、pm2、vscode-debugger、node-inspector
启用这些功能后，每当我在项目中保存文件时，pm2都会重新启动应用程序。NiMs自动分离并重新附加到正在运行的应用程序，并且我有一个交互式的chrome检查器调试环境，可以通过应用程序重启进行刷新。我想在vscode调试器中重现这种效果。我可以手动启动一个调试会话，该会话附加到通过pm2运行的应用程序。在Debugging With PM2 And Vscode的帮助下，我能够将vscode调
浏览 70提问于2021-10-13得票数 2
回答已采纳
1回答
VSCode在运行tsc后不显示编译的JS文件
typescript、visual-studio-code
我刚刚开始使用Typescript，使用关于Udemy的课程。 我创建了一个简单的index.ts文件，并在终端中对其进行了编译，但是生成的index.js文件没有显示在VSCode资源管理器中。(即使我点击了刷新按钮，甚至重启了VSCode。) 知道我做错了什么吗？ ?
浏览 189提问于2019-06-13得票数 2
回答已采纳
4回答
mocha和VSCODE在TypeScript中的断点
debugging、typescript、mocha.js、visual-studio-code
我试图让vscode启动摩卡，并在断点上停下来。当我手动运行测试时，我使用以下命令：我还可以使用以下命令：以及以下调试配置： "version": "0.2.0js文件
浏览 3提问于2016-10-17得票数 3
回答已采纳
1回答
vscode中奇怪的typescript Object.values问题
typescript、visual-studio-code、eslint、ecmascript-2017
我已经做了谷歌搜索，重启了vscode，这就是我的tsconfig.json。这会是林特的问题吗？我在eslint-plugin-typescript中使用eslint。哦，使用select typescript version设置为项目的版本，而不是vscode的版本。
浏览 0提问于2018-10-26得票数 1
3回答
Visual studio代码-仅编译保存或更改的文件
typescript、visual-studio-code
到目前为止，我注意到的是，如果我启用监视任务，typescript编译器会编译项目中的所有.ts文件。有没有办法让它只编译更改过的文件或保存的文件。
谢谢
浏览 0提问于2017-03-08得票数 4
1回答
在Vscode的类型记录中等待后如何调试代码？
node.js、typescript、react-native、visual-studio-code、async-await
我在Vscode 1.33.1，Node 11.12，类型记录3.4.3，vscode-chrome debug -core 6.7.46上，我正在尝试调试一个。代码正常运行，但调试器会出错。如果我在await行前面放置一个断点并尝试进入/over/out，它会跳入丑陋的index.bundle代码。这种情况发生在我的应用程序中的多个位置，所以这也不是一个孤立的例子。下面是我在launch.json中的活动配置
{
浏览 0提问于2019-04-26得票数 10
5回答
VSCode Typescript自动导入
angular、typescript、visual-studio-code
我并不期望VSCode能完美地适用于其他编程语言。但它似乎总是对typescript有很大的支持。但对我来说效果不是很好。我不知道是配置错误还是遗漏了什么。
我遇到的最大问题是自动导入。例如，当我尝试导入一个angular模块时，除非我在顶部使用import {} from '@angular/router'手动导入一次，否则它不会工作。然后，VSCode查找路由器包中的所有模块。另一个问题是自动补全建议非常慢。当我输入<
浏览 5提问于2020-07-11得票数 0
3回答
使用typescript-eslint时，无法在VSCode编辑器中显示Typescript错误
typescript、visual-studio-code、eslint
我的问题是，我不能在编辑器中使用eslint和@ typescript -eslint来显示打字错误(在MacOs的VSCode上)。这里显示了有关未使用的变量的问题，但调用typedFunction时的类型错误没有显示出来。如果我在我的终端上运行tsc，这个错误就会出现。 在我的VSCode编辑器中安装了Eslint扩展。这是我的.eslintrc： {
"parser": "@typesc
浏览 212提问于2020-06-13得票数 5
回答已采纳
1回答
vscode是否支持在打开后和关闭大括号之前删除空格？
visual-studio-code
代码：然后将其格式化：vscode是否支持在打开后和关闭大括号之前删除空格？
浏览 4提问于2017-02-06得票数 5
1回答
反应本机Vscode TypeScript调试器步进极慢
reactjs、typescript、react-native、debugging、visual-studio-code
我有几个使用TypeScript的项目(一些带有reason，一些使用ReactiveNative)，但是由于某些原因，某个特定的在调试过程中开始变得非常慢。下面是一个实际的记录步骤(我降低了GIF的帧率，但等待到下一行所需的时间相同)：这个项目没有任何超大型或花哨的东西，而且Vscode完全可以在我的其他项目上以惊人的速度调试TypeScript它以前也能同样快地调试这个。我已经有几周
浏览 4提问于2020-04-18得票数 5
回答已采纳
2回答
如何调试typescript代码，使用vscode/vs2015中的webpack捆绑
typescript、gulp、webpack、visual-studio-code
我有模块化的typescript代码。如下所示的导入：import { Logger } from './../data/logger';我可以在浏览器中调试这段代码，但不能从vs2015 (使用，甚至vscode )进行调试。
是什么导致了这个问题？
浏览 2提问于2016-03-23得票数 13
1回答
VSCode TypeScript自动导入建议.符号解析逻辑
typescript、visual-studio-code
我使用VSCode与一个小的TypeScript项目，该项目使用了几个npm包，包括我自己的一些软件包。我在很大程度上依赖于自动导入的建议，以获得快速的开发流程。我搜索了，找到了，但是找不到使用它的自动导入建议代码。
代码在哪里(因为，现在我只想看看它！)是否有方法打开VSCode调试日志以查看与
浏览 0提问于2018-12-12得票数 3
回答已采纳
1回答
将VSCode设置为transpile类型记录并使用NodeJS启动调试，只按一次F5？
node.js、typescript、visual-studio-code
使用VSCode+TypeScript+NodeJS，事情似乎不必要地复杂。在VS中的C#项目中，只需按F5就可以编译项目并开始调试。我如何设置VSCode为TypeScript+NodeJS做同样的事情？我在下面做错了什么？它简要地显示了右上角的调试工具栏，它消失了，没有输出.我没有看到"test.js“。以下是目录中的所有文件内容：var a:number = 101;
console
浏览 3提问于2021-08-15得票数 0
回答已采纳
1回答
VSCode:选择整个函数定义？
visual-studio-code、keyboard-shortcuts、code-navigation
有没有办法在VSCode中选择整个函数定义？在我的开发工作流程中，这是一个重复出现的动作，我想让它自动化，而不是使用鼠标。找不到捷径。当然应该有办法了吧？我使用python/javascript作为我的语言，安装了Python (ms-python.python) & JavaScript和TypeScript Nightly (ms-vscode.vscode-typescript</em
浏览 112提问于2021-09-18得票数 1
回答已采纳
1回答
有没有人让Node.js调试器能够使用带有源代码目录结构的typescript源地图？
node.js、typescript、visual-studio-code
我正在尝试查找一个目录配置和一组构建/启动选项，它们将使VSCode调试器能够让我在不在源代码树的根目录中的TypeScript文件中设置断点并进行调试。例如，使用一个简单的Express应用程序：|+ app.js| | +index.js当我在调试</e
浏览 2提问于2016-04-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
