如何在VSCode中运行和调试Node.js应用?

答案:在VSCode中调试Node.js需先确认Node环境正常,通过集成终端运行脚本,并创建launch.json配置调试参数,设置断点后启动调试,可查看变量、执行语句或附加到运行进程。

如何在vscode中运行和调试node.js应用?

在VSCode中运行和调试Node.js应用非常方便,借助内置的调试功能和集成终端,可以快速启动、设置断点并排查问题。以下是具体操作步骤。

配置运行环境

确保你的系统已安装Node.js,并在VSCode中打开包含Node.js项目的文件夹。

打开集成终端(快捷键 Ctrl + `),输入以下命令验证Node.js是否可用:

node –version

如果显示版本号,说明环境正常。你可以通过终端直接运行脚本:

node app.js

其中 app.js 是你的入口文件名。

创建调试配置文件

点击左侧活动栏的虫子图标(运行和调试),然后点击“运行和调试”上方的“创建一个 launch.json 文件”。

选择 Node.js 环境后,VSCode 会生成 .vscode/launch.json 文件,基本内容如下:

{ “version”: “0.2.0”, “configurations”: [ { “name”: “Launch App”, “type”: “node”, “request”: “launch”, “program”: “${workspaceFolder}/app.js”, “console”: “integratedTerminal” } ]}

根据项目实际修改 program 字段指向正确的入口文件。

常用配置项说明:

name:调试配置的名称,可自定义 program:要运行的主文件路径 args:传递给脚本的命令行参数 env:设置环境变量 console:建议设为 integratedTerminal,便于输入输出交互

设置断点并启动调试

在代码编辑器中,点击行号左侧添加断点(红点)。支持设置条件断点或日志断点。

回到运行视图,选择刚创建的调试配置,点击绿色三角按钮或按 F5 启动调试。

程序会在断点处暂停,此时可以:

查看变量值和调用 逐行执行(F10)或步入函数(F11) 在调试控制台中执行表达式

附加到正在运行的进程

如果你需要调试已经启动的服务(如用 nodemon 运行的应用),可以使用“附加”模式。

先在终端中启动服务:

node –inspect app.js

或使用端口号:

node –inspect=9229 app.js

然后在 launch.json 中添加新配置:

{ “name”: “Attach to Node”, “type”: “node”, “request”: “attach”, “port”: 9229, “restart”: true}

启动该配置即可连接到运行中的进程进行调试。

基本上就这些。配置一次后,后续调试只需点几下。关键是把 launch.json 写对,断点有效,调试体验就很顺畅。

以上就是如何在VSCode中运行和调试Node.js应用?的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/200559.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
淘宝直播新手需要多少钱?带货技巧有哪些?开启淘宝直播资金全景透视!
上一篇 2025年11月1日 20:58:17
ThinkPHP6常见问题解答:遇到问题怎么办?
下一篇 2025年11月1日 20:58:21

相关推荐

  • [UWP]推荐一款很Fluent Design的bilibili UWP客户端 : 哔哩

    [UWP]推荐一款很Fluent Design的bilibili UWP客户端 : 哔哩[UWP]推荐一款很Fluent Design的bilibili UWP客户端 : 哔哩[UWP]推荐一款很Fluent Design的bilibili UWP客户端 : 哔哩[UWP]推荐一款很Fluent Design的bilibili UWP客户端 : 哔哩

    最近,uwp平台上又多了一个新的bilibili客户端: 哔哩 – Microsoft Store 开发者云之幻是一位在UWP设计领域颇有建树的开发者,我从他那里学到了许多设计技巧。他同时也是Bilibili的Up主,主要分享PowerPoint和UWP相关的教学内容。 云之幻的个人空间…

    2026年8月28日 用户投稿
    100
  • linux下怎么查看哪些端口被占用

    linux下查看哪些端口被占用的方法:可以利用netstat命令来进行查看。netstat命令可以显示当前服务器上所有的端口及进程服务,与grep命令结合还可查看某个具体端口及服务情况。 在Linux使用过程中,需要了解当前系统开放了哪些端口,并且要查看开放这些端口的具体进程和用户,可以通过nets…

    2026年8月28日
    000
  • 高德地图怎么设置躲避拥堵最快的路线_高德地图躲避拥堵路线设置

    首先在高德地图中设置躲避拥堵偏好,进入【我的】-【设置】-【导航设置】-【路线偏好】选择【躲避拥堵】;其次可在路线规划时点击【偏好设置】选择【躲避拥堵】重新计算路线;最后导航途中可点击【更多】-【路线偏好】切换为【躲避拥堵】模式,系统将动态调整路径避开拥堵。 如果您正在使用高德地图进行导航,但发现路…

    2026年8月28日
    000
  • CentOS7多网卡绑定指南

    CentOS7多网卡绑定指南CentOS7多网卡绑定指南CentOS7多网卡绑定指南CentOS7多网卡绑定指南

    在linux 7.0及以上系统中,网络服务由networkmanager集中管控。为实现高效的链路聚合,red hat引入了team工具用于多网卡绑定配置。本文将以主备模式为例,详细介绍如何利用team技术提升网络的稳定性与性能。相关操作方法在red hat官方推荐文档《linux就该这么学》中也有…

    2026年8月28日 用户投稿
    100
  • ios16怎么隐藏照片

    一、通过相册自带功能隐藏 打开“照片”应用,定位到你想隐藏的图片。点击右上角的“选择”,勾选目标照片后,点击左下角的“分享”按钮。在分享菜单中向左滑动,找到“隐藏”选项并点击确认。此时,所选照片将自动移入“隐藏”相册。如需查看这些内容,只需进入“相簿”页面,向下滚动即可找到“隐藏”相册。 二、利用A…

    2026年8月28日
    000
  • Oracle字符集检查和修改

    在部署oracle数据库重构版测试环境时,若未正确设置数据库字符集,可能导致后续脚本执行中文乱码。最终解决方案是清除所有数据,修改字符集,并重启数据库。 1、Oracle字符集概述 系统或程序运行的环境通常称为locale。设置数据库locale的最简单方法是通过设置NLS_LANG环境参数。在Li…

    2026年8月28日
    000
  • 拼多多退货时间有限制吗_拼多多退货时间限制详细说明

    拼多多退货时间有限制吗_拼多多退货时间限制详细说明拼多多退货时间有限制吗_拼多多退货时间限制详细说明拼多多退货时间有限制吗_拼多多退货时间限制详细说明拼多多退货时间有限制吗_拼多多退货时间限制详细说明

    签收次日起7天内可申请无理由退货,15天内可因质量问题退货,生鲜商品需在2小时内提交变质证据,申请通过后须7天内寄出商品,换货商品签收后7天内可再次退货。 如果您在拼多多平台购物后需要申请退货,平台对不同类型的订单和商品都设定了明确的时间节点。了解这些时间限制能有效保障您的权益。以下是关于退货申请、…

    2026年8月28日 用户投稿
    600
  • 233乐园新用户怎么快速上手_233乐园新手入门完全攻略

    下载安装233乐园官方应用后注册登录账号,完善个人资料;2. 浏览推荐与分类选择游戏,点击开始并完成新手引导;3. 利用设置、消息中心和社交功能提升体验。 如果您刚下载233乐园并首次打开应用,面对丰富的游戏库和功能可能会感到无从下手。以下是帮助新用户快速熟悉平台并顺利开始游戏的详细步骤: 一、下载…

    2026年8月28日
    000
  • Laravel 环境搭建与基础配置(Windows/Mac/Linux)

    在不同操作系统上搭建 laravel 环境的步骤如下:1. windows:使用 xampp 安装 php 和 composer,配置环境变量,安装 laravel。2. mac:使用 homebrew 安装 php 和 composer,安装 laravel。3. linux:使用 ubuntu …

    2026年8月28日
    100
  • VSCode怎么建立外部样式_VSCode链接外部CSS文件方法教程

    首先创建style.css文件并编写样式,然后在HTML的head中通过link标签引入,最后用Live Server插件实现实时预览;若样式未生效,需检查路径、语法、优先级、缓存及HTML结构,并利用开发者工具调试;大型项目应按模块或页面拆分CSS,结合预处理器、BEM规范和CSS Reset提升…

    2026年8月28日
    000
  • React前端与PHP后端联调:高效定位与解决PHP错误

    本文针对React前端与PHP后端集成时,PHP错误难以追踪的问题,提供了两种高效调试策略。核心在于通过配置PHP服务器端错误日志,将详细错误信息记录到文件,以及利用浏览器开发者工具的网络面板直接检查API的原始响应,从而避免JSON解析错误并快速定位后端问题。 问题剖析:React前端下PHP错误…

    2026年8月28日
    000
  • 抖音网页版怎么反馈问题_抖音网页版意见反馈渠道入口

    最有效反馈方式是通过手机App提交。打开抖音App,进入“我”页面,点击右上角“⋯”,选择“反馈与帮助”,按分类提交问题并附描述和截图;网页端可尝试右下角“?”按钮,登录后查看是否有意见反馈窗口;若需紧急处理,可检查消息列表中是否存有“抖音客服”对话记录,直接联系获取回复。 抖音网页版目前没有直接的…

    2026年8月28日
    500
  • 美团拼好饭app怎么添加地区

    在使用美团拼好饭 app 或美团外卖时,正确设置所在地区和详细地址是十分关键的步骤,这能确保你所点的美食准时、准确送达。接下来,将为你一步步讲解如何添加地区与收货地址。 美团拼好饭 app 添加地区方法 启动美团拼好饭 app 后,进入首页你会看到顶部通常会显示当前默认或自动定位的地区名称。点击该地…

    2026年8月28日
    100
  • 懂车帝怎样搜索特定车型资讯_懂车帝车型信息精准搜索

    捷途纵横G700豪华电混越野SUV将于10月19日上市,预售价34.99万-42.99万元,定位中大型“全领域”车型,现已开启预售并提供4种配置。 如果您想在懂车帝上查找某款特定车型的最新资讯或详细信息,但面对海量内容感到无从下手,可以通过平台提供的多种精准搜索功能来快速定位目标。以下是实现高效查询…

    2026年8月28日
    000
  • 高德地图导航提示路线不一致怎么办 高德地图路线对比与修复方法

    先排查定位不准或数据延迟问题,依次检查设备定位服务是否开启、高德地图权限设置、选择高精度模式并手动校准位置;更新地图包和APP版本,清除缓存;保持网络稳定,避开信号遮挡区,必要时重启设备;调整导航设置如路线偏好和关闭多路线推荐,若问题持续通过报错功能反馈。 高德地图导航提示路线不一致,多半是定位不准…

    2026年8月28日
    200
  • Windows + Claude Code + Cursor 安装、配置和激活!揭秘最全指南!

    Windows + Claude Code + Cursor 安装、配置和激活!揭秘最全指南!Windows + Claude Code + Cursor 安装、配置和激活!揭秘最全指南!Windows + Claude Code + Cursor 安装、配置和激活!揭秘最全指南!Windows + Claude Code + Cursor 安装、配置和激活!揭秘最全指南!

    前言 用过ai编程工具的小伙伴,肯定都知道claude。claude 系列模型在编程领域的口碑绝对是佼佼者!很多ai工具都接入claude的模型! 图片 鉴于Claude 系列模型的优秀表现,官方也推出自己的编程工具 Claude Code ,也是收费的。 图片 另外,单独的Claude模型需要一些…

    2026年8月28日 用户投稿
    100
  • 百度小说如何筛选小说类型_百度小说小说分类筛选功能

    打开百度小说APP后,通过首页顶部分类导航栏点击“悬疑”等标签进入对应题材;2. 若分类不全,可点击左上角“☰”图标进入侧边菜单的“全部分类”选择细分类型;3. 结合“排行榜”中的“畅销榜”或“人气榜”,在特定分类下筛选最受欢迎小说。 如果您在百度小说中难以快速找到特定类型的小说,可以通过其内置的分…

    2026年8月28日
    000
  • Win10系统没有投影功能该如何解决?

    Win10系统没有投影功能该如何解决?Win10系统没有投影功能该如何解决?Win10系统没有投影功能该如何解决?Win10系统没有投影功能该如何解决?

    在win10操作系统里,投影到此电脑的功能可以让其他设备借助无线网络将画面投射到本机屏幕上,然而部分用户反映自己的设备并未显示该选项。若遇到此类情况,可尝试按照以下步骤重新添加此功能。有需求的朋友不妨参考一下。 具体操作如下: 1、在开始菜单上点击鼠标右键,然后从出现的列表中选取“Windows P…

    2026年8月28日 用户投稿
    200
  • 极光影票团购券怎么用_极光影票团购优惠券使用教程

    首先确认极光影票团购券可通过官方App、影院前台或第三方平台三种方式使用:1、官方App内登录账户,选场次后用券抵扣并取票;2、持身份证和券码至影城柜台人工核销并补差价;3、在猫眼、淘票票等合作平台下单时绑定券码完成支付。 如果您已经购买了极光影票的团购券,但在兑换或使用时遇到困难,则可能是由于操作…

    2026年8月28日
    000
  • VSCode怎么设置代码对齐_VSCode代码对齐与缩进规则配置教程

    答案:VSCode通过配置格式化工具和扩展实现代码对齐,需安装对应语言的工具(如Prettier、autopep8),启用formatOnSave自动格式化,或使用Shift+Alt+F手动格式化;通过.editorconfig统一团队风格,检查文件类型识别和扩展冲突解决格式化失效问题;在setti…

    2026年8月28日
    100

发表回复

登录后才能评论
关注微信