【前端】debug调试 - 使用 Webstorm 与 Chrome 相结合的方式（JetBrains IDE Support插件）

@shenyuchen

已于 2024-04-20 12:38:37 修改

阅读量2.9k

点赞数

CC 4.0 BY-SA版权

文章标签： webstorm Chrome插件 debug 调试

于 2019-01-09 11:37:30 首次发布

本文为博主原创文章，未经博主允许不得转载。（当然点赞收藏后随意）

本文链接：https://blog.youkuaiyun.com/shenli_MLZS/article/details/86139704

前端专栏收录该内容

3 篇文章

订阅专栏

本文提供了一种在IDEA中安装JetBrains IDE Support插件的方法，通过百度网盘下载并直接拖入拓展工具进行安装。安装后，需确保插件端口与WebStorm端口一致，以便于调试。文中还分享了如何在WebStorm中配置debug文件，完成配置后，即可开始正常调试。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

准备工作

JetBrains IDE Support插件
链接：https://pan.baidu.com/s/1kDmdgOdhhAzsQQ_ljoeUqw 提取码：un5k

安装方式：直接在“拓展工具”中，将云盘中的文件拖入，即可安装；

安装完成后

端口修改网址（需要与webstorm的端口一致）：chrome-extension://hmhgeddbohgjknpmjagkdomcpobmllji/options.html
需要和webstorm一致
需要和插件的端口一致

在webstorm中配置debug文件
在这里插入图片描述

配置好后，按这个甲虫就ok了

这样就可以开始正常调试了！！

参考博客：https://www.cnblogs.com/tzdy/p/7930462.html

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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