Webstorm + NodeJS + Egg.js 进行断点调试

已于 2023-10-08 09:56:40 修改
阅读量1.3k 收藏 1
点赞数 1
分类专栏： 换将配置 node 文章标签： webstorm javascript ide
于 2023-08-10 18:04:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44167504/article/details/132214935
版权

Webstorm + NodeJS + Egg.js 进行断点调试

1、在工具栏找到编辑配置，创建已运行Node.js 应用程序的调试配置
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2、debug调试配置
在这里插入图片描述
在这里插入图片描述
3、调试
在这里插入图片描述
4、查看断点是否起效
在这里插入图片描述在这里插入图片描述

在这里插入图片描述

前端代码调试：Webstorm调试js
EricaKang 的专栏
11-30 2万+
【前言】 目前前端开发JavaScript的debug一般都是用chrome和firefox的开发者工具进行调试，浏览器工具使用不方便，webstorm支持了在代码上打断点，在编辑器里debug js代码。类似Java后台 Eclipse debug效果。接下来就给大家介绍如何安装webstorm和对webstorm进行配置调试代码。 【Webstorm下载与安装】 1.官网
在WebStorm中调试NodeJS代码
夕阳枫的博客
05-20 8373
1、nodeJS的安装 1.1、nodeJS的安装，可以到对应的官网下载，下载地址：http://nodejs.cn/； 1.2、也可以在webStorm中安装： 2、新建NodeJS程序，举例说明： var str = '{"name":"anderson","age":"20","sex":"male"}'; var jsonObj = JSO
node.js debug在webstrom工具
zhizhuodewo6的博客
03-31 1105
官方文档： Running and debugging Node.js | WebStorm 自己的项目配置如下： 在index.js位置打开Edit Configurations...，页面如下： 通过左侧的+号添加一个node.js项目，然后在右侧，在JavaScript file选项中选择你的项目的启动js页面，然后通过webstrom的调试按钮启动项目即可 ...
使用webstorm调试node程序
weixin_30879833的博客
09-15 346
前言 相信大家接触过不少node代码了，如果你应用的比较初级或者针对你的项目不需要接触过深的node代码，也许你仅仅需要简单的console.log('your variable')就完全满足你的需要了。如果你应用node比较深入，想要调试（debug）之，我想你应该接触过node-inspector，大致用法流程，简单如下—— 1.安装：npm install -g node-...
WebStorm 中调试 (Debug) JavaScript 文件(js)
最新发布
Java小白白的博客
04-23 2382
在 WebStorm 中调试 JavaScript 文件，您可以设置断点，启动调试会话，并使用浏览器中的开发者工具来查看变量和执行流程。
Egg03 断点调试
多啦的博客
05-16 1799
使用Chrome调试 需要Node 8.x+版本以上。 首先执行npm run debug（与node app.js --inspect原理相同） 然后有两种方法启动控制台（不是访问接口的控制台，而是直接启动一个新的针对Node的控制台） （1）执行npm run debug之后，在控制台最后会输出DevTools对应的地址，该地址是代理后的worker，无需担心重启问题。直接访问该地址即可进行断...
Node.js在WebStorm中调试
zhuzongzhi856的博客
03-14 4903
版本WebStorm: 2017.2.4Node: v6.11.4Step1：在WebStorm 中配置启动项点击 Edit Configurations -> 左上角创建“+” -> 选择 Node.js -> 填写名称 -> 配置参数参数说明：* Node interpreter: 1、这个参数是说使用什么启动程序，默认的是 `node`, 这里我们将它设置为`babe...
webstorm 调试js
weixin_34174132的博客
05-16 120
谷歌浏览器安装jetbrains ide support 打开webstorm新建项目 新建test.html并添加js文件 Edit Configurations--->defaults-->javascript debug-->browser-->选择chrome 运行test.html 参考：https://b...
WebStorm打断点调试Vue项目--方法/实例
IT利刃出鞘的博客
11-21 2万+
本文介绍如何通过在WebStorm里打断点来调试Vue项目。
用webstorm和vscode断点调试vue
12-04
VUE断点调试技术 大家都知道后端开发是可以设置断点调试运行的,现在前端开发也可以和后端开发一样设置断点调试运行了
eggjs断点调试
米斯特尔曾的博客
02-10 5549
eggjs 断点调试 第一步 编辑launch.json 点击左边竖排的第四个（中间有蜘蛛的那个图标） 点击左边文件launch上调试的下来添加配置，会自动生成launch.json 配置为 { "version": "0.2.0", "configurations": [ { "name": "Launch Egg", ...
webstorm 调试egg 框架下的node程序
weixin_30596165的博客
10-24 1994
1、tnpm run debug 2、在vim中找出agent_worker的监听端口号，如下图 3、webstorm中右上角 editor configuration打开，新建 Attach to Nodejs/Chrome，输入端口号，类似下图配置 转载于:https://www.cnblogs.com/bbb324/p/9843901.html...
Webstorm 调试 JavaScript 代码
BoReFrontEnd的博客
02-18 4348
通常前端项目的 JavaScript 代码调试是通过浏览器的开发者工具（右键菜单中点击 “检查”）来完成。这种调试的方式的舒适度很差，显示页面的区域占了很大一块空间，留给调试窗口的空间很小。另外，浏览器开发者工具也不具备 IDE 代码跳转功能等。在不跳出 IDE 的情况下直接调试 JavaScript 代码，可以最大限度增加调试窗口，并在不写 console.log 的情况下，通过直接在代码处显...
WebStorm调试JavaScript
xuxuan1997的博客
11-20 632
1.WebStorm创建项目工程，直接选择Empty Project类型，然后增加相应的html和js文件 ，点击右上角 Add Configurations  2.点+号，然后选择JavaScript Debug  3.点击右上角的按钮 现在浏览器，除了ie8及以下的浏览器，当你切换标签页面时，浏览器会自动清除本页面的js缓存。 切换完选项卡之后会清除掉这里的缓存数据。   ...
WebStorm断点调试
u011277123的博客
02-28 3万+
小码哥教育 2017-02-27 14:18 最近HTML5很火,而且大家都在用WebStorm开发工具,但是有个问题是我们写JavaScript怎么像其他编辑器那样进行断点调试呢,今天就带大家来配置一下,让你的WebStorm如同飞一般的感觉。 1.断点调试需要浏览器添加支持的插件,以Chrome浏览器为例,如果怕麻烦的同学可以直接点击下面的连接为Chrome添加插件 ht
使用WebStorm进行JavaScript调试：实用技巧和示例
CodeWhizZ的博客
08-29 1011
WebStorm是一个功能强大的集成开发环境（IDE），提供了丰富的调试工具和功能，以帮助开发人员更轻松地调试JavaScript代码。WebStorm是一款强大的IDE，为JavaScript开发人员提供了全面的调试工具和功能，使调试过程更加高效和精确。断点是调试过程中的关键工具。监视器和表达式查看器是WebStorm中的两个强大工具，可帮助开发人员在调试过程中查看和评估变量和表达式的值。WebStorm提供了灵活的运行和调试配置选项，使您能够自定义调试环境以满足您的需求。第五章：单步执行和调试控制。
Javascript | JS如何断点测试(WebStorm)
红星编程实验室
02-03 946
Javascript | JS如何断点测试(WebStorm)
WebStorm强大的调试JavaScript功能
热门推荐
弃天笑的程序世界
01-06 6万+
一、JavaScript的调试目前火狐和Chrome都具备调试JavaScript的功能，而且还是相当的强大。如果纯粹是用浏览器来进行js调试的话，我比较喜欢用火狐。火狐可以安装各种插件，真的是非常适合开发者。不过今天的主角并不是火狐，也不是Chrome，而是号称最智能的JavaScript IDE：WebStorm。 WebStorm 是jetbrains公司旗下一款JavaScript 开发
WebStorm调试Node.js项目
干志雄的博客
08-13 2456
我们很多项目都用到了Node.js，比如MQTT服务器、对外服务、天猫精灵服务等。Node.js项目IDE切换到WebStorm，记录一下WebStorm如何配置调试Node.js项目
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值