vscode中如何断点调试nodejs

vscode中如何断点调试nodejs

在平时前端开发时,前端代码在浏览器上能很方便的断点调试,那么如果要调试node后端接口的话,该如何实现断点调试呢?

配置

vscode打开node项目点击左侧调试按钮

image-20210422114604687

点击Run and Debug

image-20210422115211686

选择语言为nodejs

image-20210422115306221

点击设置按钮添加配置

image-20210422115355821

【推荐学习:《vscode教程》】

更改lanuch.json配置文件

image-20210422115449595

添加自己的项目启动脚本文件和配置

{    // 使用 IntelliSense 了解相关属性。     // 悬停以查看现有属性的描述。    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387    "version": "0.2.0",    "configurations": [        {            "type": "node",            "request": "launch",            "name": "启动程序",            "env": {                "NODE_ENV": "development"            },            "program": "${workspaceFolder}/bin/www"        }    ]}//program这个是我自己的node项目的启动文件

再次点击断点调试按钮启动断点调试

image-20210422115727574

直接点击启动程序启动断点调试

image-20210422141138335

直接在代码左侧需要断点的位置打个断点标记,执行方法是会自动出发断点

image-20210422141453212

然后通过上面的调试按钮一步步断点

image-20210422141603851

鼠标悬浮还可以看到断点的数据

image-20210422141655187

当然也可在debug console控制台输出断点数据的结果 相当于浏览器断点是的console控制台

image-20210422141944344

如果要结束断点直接点击上面的暂停键

image-20210422141743539

以上就是整个vscode断点配置和断点调试的教程

更多编程相关知识,请访问:编程入门!!

以上就是vscode中如何断点调试nodejs的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年11月10日 19:05:06
下一篇 2025年11月10日 19:38:38

相关推荐

  • 部署与调度Node.js爬虫:从本地执行到云端集成

    本教程详细指导如何部署和调度一个基于node.js的网页爬虫,使其能够每日自动运行并将其数据提供给前端应用。文章将区分客户端与服务器端javascript的运行环境,介绍本地任务调度方法,并探讨将爬虫集成到在线服务以实现数据共享的策略,同时涵盖数据持久化、cors处理及部署最佳实践。 1. 理解No…

    2025年12月23日
    000
  • HTML嵌套布局怎么避免_HTML标签不合理嵌套的问题与解决方法

    合理嵌套HTML标签需遵循语义规范:块级元素可包含内联与其他块级元素,但p标签不能包含div或h系列;ul/ol只能直接包含li;a标签不应包裹块级元素;table需正确包含tbody/tr;form不可嵌套;h标签应逻辑递进。错误嵌套会导致样式异常、SEO受损。应使用W3C Validator、编…

    2025年12月23日
    000
  • Mac神器Live Server,HTML+CSS改一行全局同步!

    使用Live Server可实现HTML/CSS修改后浏览器自动刷新。通过VS Code安装Live Server插件,右键文件选择“Open with Live Server”即可启动本地服务,默认在http://127.0.0.1:5500预览;可在设置中自定义端口和默认浏览器;项目中使用相对路…

    2025年12月23日
    000
  • nodejs如何打开html_Node.js环境中HTML文件打开方法

    如果您在Node.js环境中需要打开或提供HTML文件的访问,通常意味着您希望启动一个本地服务器来渲染并展示HTML页面。以下是实现该功能的具体方法: 一、使用内置http模块创建服务器 通过Node.js的内置http模块可以快速搭建一个简易服务器,用于读取并返回HTML文件内容给客户端浏览器。 …

    2025年12月23日
    000
  • WSL2里写HTML+CSS,Windows秒变Linux开发机!

    使用WSL2可在Windows中高效进行Linux环境下的HTML与CSS开发。首先启用WSL2并安装Ubuntu 22.04,确保运行版本为2;接着安装Visual Studio Code及Remote – WSL插件,将项目存于Linux文件系统以实现编辑同步;通过Python内置服…

    2025年12月23日
    000
  • Windows WSL2中Linux环境运行HTML+CSS开发服务器

    在WSL2中配置Linux环境进行HTML+CSS开发,首先启用WSL2并安装Ubuntu等发行版,运行wsl –install后重启并设置用户;接着更新系统包sudo apt update && sudo apt upgrade;推荐使用Python3内置服务器,在项目…

    2025年12月23日
    000
  • Windows如何设置HTML文件默认用VS Code打开?

    1、可通过Windows设置将HTML文件默认用VS Code打开:右键.html文件→选择“打开方式”→选Visual Studio Code并勾选“始终使用此应用”。2、也可通过控制面板的默认程序功能,将.html扩展名关联至VS Code。3、部分VS Code版本支持安装时自动注册文件关联,…

    2025年12月23日
    000
  • Windows11右键CSS直飞VS Code,效率翻10倍!

    首先启用VS Code内置的上下文菜单集成功能,打开设置搜索shell integration并启用上下文菜单选项,即可在右键点击CSS文件时直接使用VS Code打开;若未生效,可手动通过注册表或第三方工具ContextMenuForWindows11添加“用VSCode打开”命令,确保路径正确且…

    2025年12月23日
    000
  • Linux用stylelint实时校验CSS是否符合HTML规范

    Stylelint用于校验CSS书写规范,可通过配置文件和编辑器插件在Linux中实现实时检查,并结合chokidar监听文件变化,确保CSS代码质量并与HTML协同工作。 Stylelint 是一个强大的 CSS 代码检查工具,但它主要用于校验 CSS 的书写规范(如格式、可维护性、错误预防等),…

    2025年12月23日
    000
  • Windows用Prettier同时格式化HTML和CSS代码

    答案:在Windows中使用Prettier格式化HTML和CSS需先安装Node.js,再通过npm安装Prettier,可全局或项目本地安装,推荐配合VS Code插件实现保存自动格式化,注意文件扩展名正确以确保语言识别。 在 Windows 系统中使用 Prettier 格式化 HTML 和 …

    2025年12月23日
    000
  • Windows用Chocolatey一键安装HTML开发全套工具

    首先通过Chocolatey安装VS Code、Chrome和live-server,再配置文件关联与Live Server插件,最后创建测试页面并启动本地服务验证功能,确保HTML开发环境正常运行。 如果您希望在Windows系统上快速搭建HTML开发环境,但手动安装多个工具耗时且繁琐,可以利用包…

    2025年12月23日
    000
  • 如何在Atom中集成HTML预处理器Sass的详细教程

    首先安装Node.js和Dart Sass,再在Atom中安装atom-sass等插件,配置文件结构与编译规则,通过插件或命令行监听实现.scss文件自动编译为CSS,并在HTML中引入生成的CSS文件,从而提升开发效率。 要在Atom中集成Sass预处理器,让HTML开发更高效,关键在于安装合适的…

    2025年12月23日
    000
  • vscode 如何创建html_VSCode编辑器HTML文件创建与配置方法

    在VSCode中创建HTML文件需新建空白文件并命名为.html结尾,保存后自动启用语法高亮;2. 输入!或html:5后按Tab键可快速生成HTML5模板;3. 推荐安装Live Server、Auto Rename Tag和IntelliSense等扩展提升开发效率;4. 通过设置开启保存时格式…

    2025年12月23日
    000
  • Linux Ubuntu用BrowserSync同步HTML与CSS多设备

    首先安装Node.js和npm,再全局安装BrowserSync,进入项目目录启动服务器并监听HTML与CSS文件,通过局域网IP在多设备访问,修改代码后页面自动同步刷新,支持CSS热替换,需确保设备同Wi-Fi且端口开放。 要在Linux Ubuntu系统中使用BrowserSync实现HTML与…

    2025年12月23日
    000
  • vscode如何创建html_VSCode编辑器中HTML文件创建与配置方法

    答案:在VSCode中创建HTML文件需新建并保存为.html格式,使用Emmet缩写如!+Tab生成基础结构,推荐安装Live Server、Auto Close Tag等插件以提升开发效率。 在VSCode中创建和配置HTML文件非常简单,只需几个步骤即可快速开始编写网页代码。下面介绍具体操作方…

    2025年12月23日
    000
  • nodejs如何添加html_Node.js服务端HTML渲染与响应方法

    Node.js中返回HTML可通过原生HTTP模块直接发送字符串或使用模板引擎动态渲染。直接返回时需设置Content-Type为text/html并用res.end()发送HTML内容;对于动态数据,可结合EJS等模板引擎读取模板文件并渲染数据后返回;更推荐在中大型项目中使用Express框架,配…

    2025年12月23日
    000
  • termux如何运行html_Termux终端中HTML文件运行与预览方法

    推荐使用Python启动本地服务器预览HTML文件:进入项目目录后运行python -m http.server 8000,再通过手机浏览器访问http://localhost:8000即可查看页面效果。 在Termux中运行和预览HTML文件,虽然不能像桌面浏览器那样直接双击打开,但通过简单的工具…

    2025年12月23日
    000
  • 如何用VSCode编辑网页HTML_如何用VSCode高效编辑网页HTML

    使用VSCode高效编辑HTML可通过五种方法:一、利用智能提示自动补全标签与属性;二、通过Emmet缩写快速生成结构,如输入html:5生成HTML5骨架;三、使用Shift+Alt+F快捷键格式化代码,保持整洁排版;四、安装Live Server实现浏览器实时预览,配合Auto Rename T…

    2025年12月23日
    000
  • mac怎么用html5_Mac系统HTML5开发环境配置教程

    答案是:Mac上HTML5开发需配置编辑器、浏览器和可选本地服务器。首先安装VS Code等编辑器编写代码,再用Chrome或Safari测试页面,创建index.html文件并写入HTML5基础结构后可直接双击预览;若需HTTP服务支持,则通过Node.js安装http-server启动本地服务器…

    2025年12月23日
    000
  • 怎么使用vscode写html5_VSCode开发HTML5环境配置

    答案:使用VSCode编写HTML5无需复杂配置,安装Live Server等插件后可实现实时预览与代码格式化,通过内置智能提示和Emmet快速生成结构,新建文件并保存即可在浏览器中查看效果,适合初学者高效开发。 使用 VSCode 编写 HTML5 非常简单,VSCode 本身就是一个轻量但功能强…

    2025年12月23日
    000

发表回复

登录后才能评论
关注微信