首页
学习
活动
专区
工具
TVP
发布

IDEA中Debug调试VUE前端项目、调试JS

在java开发中,debug就是一个debug启动按钮解决的事情,而在前端开发中,IDEA这个开发工具也提供了非常好用的jsdebug工具,博主的这个用法不是网上介绍的那种需要安装插件才能用的方式,免安装浏览器插件可以直接用...,这里需要说明下,jsdebug并不是帮你启动了一个前端项目,前端项目该怎么启动还怎么启动 序号3、选择一个你本地安装好的浏览器,我这里选择的就是360极速浏览器 第二步、打断点、运行jsdubg...项 给需要的代码打上断点,运行刚刚第一步创建好的jsdebg项,IDEA会帮你在新的浏览器窗口里打开刚刚设置的URL地址,现在你可以在这个新打开的窗口里操作,当遇到你打断点的代码,IDEA的断点就会激活...,这个时候就可以愉快的Debug起来了,效果如下图: 结语 IDEA的这个前端调试工具非常好用,却没有得到很好的普及,网上搜到的那种方式大多是安装一个IDEA的浏览器插件配合使用,相比来说,博主发现的这个调试工具简直太好用了...,而且注意哦,此法不仅可以调试VUE的项目,而是适合所有的前端项目

73220
您找到你想要的搜索结果了吗?
是的
没有找到

IDEAIDEA debug断点调试技巧

一、Debug开篇   首先看下IDEA中Debug模式下的界面。   如下是在IDEA中启动Debug模式,进入断点后的界面,我这里是Windows,可能和Mac的图标等会有些不一样。...下面的On frame deactivation,在IDEA窗口失去焦点时触发,即一般你从idea切换到浏览器的时候,idea会自动帮你做的事情,一般可以设置Do nothing,频繁切换会比较消耗资源的...[图2.4] 三、变量查看 在Debug过程中,跟踪查看变量的变化是非常必要的,这里就简单说下IDEA中可以查看变量的几个地方。   ...那是因为IDEA在Debug时默认阻塞级别是ALL,会阻塞其它线程,只有在当前调试线程走完时才会走其它线程。...[图8.1]   2、断点回退   所谓的断点回退,其实就是回退到上一个方法调用的开始处,在IDEA里测试无法一行一行地回退或回到到上一个断点处,而是回到上一个方法。

1.2K30

最新IDEA激活教程!IDEA接口调试:IDEA REST Client 功能!

一个被低估的功能:IDEA REST Client 接口调试不用我多解释了,这是每一位程序员必备的技能。...IDEA REST Client 可以满足你所有开发和调试的需求,并且支持环境配置区分以及接口响应断言和脚本化处理,请求配置也可以用文件配置描述。...IDEA REST Client控制台 打开 IDEA,点击顶部菜单栏的 Tools --> HTTP Client --> Test RESTFUL Web Service,打开 IDEA REST...Authorization :Basic这种方式认证的话,可以点击下图所示的按钮,会弹出填充用户名和密码的窗口出来,填完后会自动补充到 Authorization 的 header 里面去. [2.png] 历史请求记录 IDEA...会自动地将近期执行的50个请求保存至 http-requests-log.http 文件中,然后将该文件存储在项目的 .idea / httpRequests / 目录下。

92720
领券