webstorm+chrome+eggjs进行断点调试

最新推荐文章于 2024-07-27 17:13:06 发布
最新推荐文章于 2024-07-27 17:13:06 发布
阅读量863 收藏
点赞数
文章标签： javascript ViewUI
原文链接：https://segmentfault.com/a/1190000014936058
版权

1.webstorm中执行npm run debug,此时会提示chrome的端口,我的是9999

图片描述

2.chrome中打开开发者工具,点击DevToos for Node.js(npm run debug之后会自动出现这个按钮)

图片描述

3.加入如下的连接

图片描述

4.点击Sources,出现如下

图片描述

5.打开需要打断点的文件,打上断点,然后,访问接口,右上角的按钮可以进行断点调试

图片描述

weixin_34024034
关注
暑期实训日志11——webstorm+chrome实时浏览插件
TsukinagaShiroko的博客
07-23 455
一个webstorm插件
React项目调试---WebStorm+Chrome调试
weixin_45178761的博客
04-07 4320
React项目其实是可以调试的。并且WebStorm+chrome也可以调试React项目。 1种调试方式 WebStorm + Chrome WebStorm + Chrome WebStorm是我最喜欢的前端开发IDE，只是比较重量级，启动速度较慢。 而在调试方面WebStorm + Chrome进行调试时，可以在WebStorm中源代码处加断点，当代码执行到断点处时，系统会让WebStorm...
Webstorm + NodeJS + Egg.js 进行断点调试
weixin_44167504的博客
08-10 1222
1、在工具栏找到编辑配置，创建已运行Node.js 应用程序的调试配置。2、debug调试配置。4、查看断点是否起效。
webstorm的egg debug断点无效
weixin_42212558的博客
03-24 3549
环境 egg 2.6.1 + TypeScript 3.0.0 、node.js 12.13.1 、IntelliJ IDEA 2019.3.1 遇到的问题 根据egg官网配置的idea后，仍无法在idea内打有效断点。起初以为是我使用了typescript的缘故，但在Chrome的调试器中断点是能够成功的。 解决方案 Edit Configurations => 新增 => A...
如何使用WebStorm打断点调试Vue项目
qq_46614863的博客
07-27 658
在开发 Vue 项目时，定位错误往往是一个令人头痛的问题。为了提升调试效率，我们可以利用 WebStorm 的强大调试功能，通过设置断点来逐步检查代码，找出问题所在。下面是具体的操作步骤： 注意：这里要启动两个，如果只启动一个是访问不到了
webstorm 调试egg 框架下的node程序
weixin_30596165的博客
10-24 1968
1、tnpm run debug 2、在vim中找出agent_worker的监听端口号，如下图 3、webstorm中右上角 editor configuration打开，新建 Attach to Nodejs/Chrome，输入端口号，类似下图配置 转载于:https://www.cnblogs.com/bbb324/p/9843901.html...
Vue项目调试总结-WebStorm+Chrome调试
热门推荐
我是guyue，guyue就是我O(∩_∩)O
08-14 3万+
Vue项目调试总结-WebStorm+Chrome调试 Vue项目调试总结-WebStorm+Chrome调试 - 为程序员服务 http://ju.outofmemory.cn/entry/354985 Vue项目其实是可以调试的，刚接触Vue项目开发时，在网上搜了一堆关于Vue项目调试的资料，发现网上都说比较难搞，也没有一个方案能走得通。都快要放弃了，后来试验了Vue官方推荐的...
Egg 框架测试及调试
不 ' 二
04-18 2435
之前一直使用console.log 打印信息进行调试, 这是很初级的水平, 今天学者使用 Egg 自带的调试和及测试. 调试 我使用的 IDE 是 Webstorm, 这个可好用了, 墙裂推荐. Egg 的框架已经写好 Debug 脚本了, 只要按照教程, 在 Webstorm 配置调试脚本, 即可启动调试. 见:https://eggjs.org/zh-cn/core/developme...
wenstorm设置谷歌_WebStorm+Chrome调试Vue步骤
weixin_39663378的博客
12-22 234
在调试时请注意:在WebStorm中启动调试时，WebStorm会根据你设置的url，自动打开新的Chrome浏览器进程访问这个设置的url，而且这个浏览器页面和你平常看到的浏览器差异会比较大，看不到书签栏，也看不到你先前所装的所有插件。这是因为平常我们打开Chrome浏览器进程时，并不会添加–remote-debugging-port选项，而WebStorm无法让已经打开的Chrome实例支持...
【CreateJS】WebStorm+Adobe Animate CC 搭配开发HTML5，入门教程-附件资源
03-02
【CreateJS】WebStorm+Adobe Animate CC 搭配开发HTML5，入门教程-附件资源
基于物品协同过滤算法，采用springboot+vue+WebStorm+mysql等实现的电影智能推荐系统，适合个人毕设项目
06-20
基于物品协同过滤算法，采用springboot+vue+WebStorm+mysql等实现的电影智能推荐系统，适合个人毕设项目 movies-web为前端代码，.sql为mysql数据，其余为后端代码 基于物品协同过滤算法，采用springboot+vue+...
WebStorm断点调试
u011277123的博客
02-28 3万+
小码哥教育 2017-02-27 14:18 最近HTML5很火,而且大家都在用WebStorm开发工具,但是有个问题是我们写JavaScript怎么像其他编辑器那样进行断点调试呢,今天就带大家来配置一下,让你的WebStorm如同飞一般的感觉。 1.断点调试需要浏览器添加支持的插件,以Chrome浏览器为例,如果怕麻烦的同学可以直接点击下面的连接为Chrome添加插件 ht
使用DevTools调试egg项目
microcosm1994的博客
05-24 1787
安装 Chrome 扩展（Node 监视管理器）： https://chrome.google.com/webstore/detail/nim-node-inspector-manage/gnhhdgbaldcilmgcpfddgdbkhjohddkj 启动egg项目 执行npm run debug --inspect 打印信息中会有： DevTools → chrome-devtool...
eggJS 代码调试，很详细！
GarenWang的博客
05-13 9143
1. 使用 日志输出 进行调试 控制台输出 console.log(); // haha 使用 logger 模块 框架内置了日志 功能，使用 logger.debug() 输出调试信息，推荐在应用代码中使用它。 **// controller this.logger.debug(‘current user: %j’, this.user); // service this.ctx.log...
Egg03 断点调试
多啦的博客
05-16 1743
使用Chrome调试 需要Node 8.x+版本以上。 首先执行npm run debug（与node app.js --inspect原理相同） 然后有两种方法启动控制台（不是访问接口的控制台，而是直接启动一个新的针对Node的控制台） （1）执行npm run debug之后，在控制台最后会输出DevTools对应的地址，该地址是代理后的worker，无需担心重启问题。直接访问该地址即可进行断...
webstorm 断点调试
Dafei4的博客
10-21 4740
1. chrome 断点调试插件 插件下载地址 插件地址02 其他参考地址: 参考地址1 官方参考地址
eggjs&sequelize使用教程一（环境搭建）
米斯特尔曾的博客
11-19 1万+
egg sequelize 环境搭建
webstorm + vue 配置 依赖
最新发布
09-10
如果你的项目需要构建过程，如使用Webpack或Vue CLI，你可能需要在WebStorm中配置运行和调试任务。在"Run/Debug Configurations"（运行/调试配置）中添加新的配置，选择相应的脚本命令，如`npm run serve`或`yarn ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值