首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

2.7K20

IDEA调试技巧

笔者有话说 导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA调试用过吧,你说说怎么设置断点条件?...作为一名资深的老司机,IDEA调试可以说是家常便饭,如果不会debug,我都不信你读过源码,就别和我说原理了,直接pass掉。 基本界面 ?...④ 调试按钮:一共有8个按钮,调试的主要功能就对应着这几个按钮,鼠标悬停在按钮上可以查看对应的快捷键。 ⑤ 服务按钮:可以在这里关闭/启动服务,设置断点等。...在IDEA中可以改变一下阻塞级别,有两种方法: 断点上右键—>选择Thread—->Make Default,如下图: ?...强制抛异常 这是IDEA 2018年加入的新功能,可以直接在调试中抛出指定的异常。

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

IDEA】远程调试

现在很多项目都是直接部署到服务器上,通常都是没有GUI界面的,也就是说没有办法进行本地调试。...在日常工作中远程调试是非常重要的一个技能,虽然说这个没办法解决线上问题,但是可以在测试环境下进行远程调试从而找到线上问题的解决方法,因为这种方式比日志更加清晰,操作难度更低。...weblogic是有自己的调试方式的,但是我没有深究,这个对于我要表述的内容关系不大,因此没有说明。...此时我们输出启动脚本命令startWebLogic即可看到服务已经停住了,在等待IDEA进入Debug模式。 IDEA设置 按照如图所示步骤即可配置好调试模式,名字改不改其实关系不大。...没导入之前可以看到红色框选部分是只有jar包的,IDEA扫描完成之后会跳出这个界面,这里是因为我的Library中已经存在了一个modeles,也就是导入过了。

62410

IDEA 远程调试

远程调试的原理 本机和远程主机的两个 VM 之间使用 Debug 协议通过 Socket 通信,传递调试指令和调试信息。 被调试程序的远程虚拟机:作为 Debug 服务端,监听 Debug 调试指令。...调试程序的本地虚拟机:IDEA 中配置的 Remote Server,指定 Debug 服务器的Host:Port,以供 Debug 客户端程序连接。...如何进行远程调试 idea设置 [在这里插入图片描述] 远程项目设置 idea设置好了,复制命令行参数,我们需要去启动项目的地方设置,启动项目有通过tomcat启动的,也有通过springboot内置tomcat...JAVA_OPTS="$JAVA_OPTS -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005" 到此就设置好了,在idea...中打上断点,然后启动Remote来进行调试吧。

1.5K10

IDEAIDEA debug断点调试技巧

一、Debug开篇   首先看下IDEA中Debug模式下的界面。   如下是在IDEA中启动Debug模式,进入断点后的界面,我这里是Windows,可能和Mac的图标等会有些不一样。...④ 调试按钮:一共有8个按钮,调试的主要功能就对应着这几个按钮,鼠标悬停在按钮上可以查看对应的快捷键。在菜单栏Run里可以找到同样的对应的功能,如图1.4。...下面的On frame deactivation,在IDEA窗口失去焦点时触发,即一般你从idea切换到浏览器的时候,idea会自动帮你做的事情,一般可以设置Do nothing,频繁切换会比较消耗资源的...[图6.6]   [图6.7]   [图6.8] 七、多线程调试   一般情况下我们调试的时候是在一个线程中的,一步一步往下走。...那是因为IDEA在Debug时默认阻塞级别是ALL,会阻塞其它线程,只有在当前调试线程走完时才会走其它线程。

2.1K30

原 Intellij IDEA 2017

当你第一次运行Intellij IDEA或者没有打开项目时,Intellij IDEA显示欢迎页面,以便能够快速的切入到主要的起始点中去。当一个项目被打开时,会展示主窗体。...Intellij IDEA工具窗:副窗体提供了各种各样的任务(项目管理,搜索,运行/调试、版本控制等等)。 #欢迎屏 ##概览 如果没有项目被打开Intellij Idea会显示欢迎屏。...##Intellij IDEA窗体的主要元素 主菜单 主菜单包含打开、创建、重构代码、运行调试应用、版本控制等命令。 工具栏 主工具栏包含一些基本的功能,比如复制等,以便快捷操作。...从view菜单,选择NavigationBar 按键alt+home 隐藏导航栏: 从view菜单,清除NavigationBar ##提示和技巧 请注意下面: 当工具栏是隐藏的,导航栏会显示运行/调试配置...,运行,调试,项目设置,版本控制,Search EveryWhere.

2.7K60

IDEA 开启远程调试

idea 远程调试 背景 在编写代码时, 总会遇到这样或者那样的bug. 这有些bug 特别是业务逻辑的bug . 在生产或测试环境好复现而在开发环境不好复现....现在提供的一种思路, 就是远程调试: 我们可以在本地直接调试生产环境或者测试环境的代码. 只需我们本地代码和远程部署的代码一致....远程主机就会通过socket 将程序执行情况同步到本地 操作 下面以idea 为例 注意事项 如果服务器配置了 iptables/防火墙 , 需要放开对应的端口 如果使用的是云服务器, 则也需要放开对应...socket端口的安全组 如果使用开发工具的是eclipse , 远程调试见这位大佬的博客 传送门 如果使用docker 部署的jar, 则需要进行如下配置 docker 项目进行远程调试 本质和上面步骤差不多..., 但是需要在docker 中, 添加一个内部端口和外部端口的映射 以便我们本地能够通过这个映射访问docker 项目部署的容器 步骤: 关于远程调试原理和配置参数解释.

97420

idea高级调试技巧

来源:cnblogs.com/yjmyzz/p/idea-advanced-debug-tips.html 一、条件断点 循环中经常用到这个技巧,比如:遍历1个大List的过程中,想让断点停在某个特定值...四、远程调试 这也是一个装B的利器,本机不用启动项目,只要有源代码,可以在本机直接远程调试服务器上的代码,打开姿势如下: 4.1 项目启动时,先允许远程调试 java -server -Xms512m...,就是在本机与远程建立scoket通讯,所以端口不要冲突,而且本机要允许访问远程端口,另外这一段参数,放要在-jar 或 ${main_class}的前面 4.2 idea中设置远程调试 然后就可以调试了...,现在IntelliJ IDEA提供了一种可视化的调试技巧。...forEach(System.out::print); } 在流的最后行打个断点: 开始debug模式启动: 进入debug界面模式:在下图箭头所指的图标处点击(无图标升级一下IntelliJ IDEA

73130

idea 高级调试技巧

两年前写过一篇关于idea的高级用法,今天再来一篇关于调试方面的技巧讲解:  一、条件断点 循环中经常用到这个技巧,比如:遍历1个大List的过程中,想让断点停在某个特定值。...三、多线程调试 多线程同时运行时,谁先执行,谁后执行,完全是看CPU心情的,无法控制先后,运行时可能没什么问题,但是调试时就比较麻烦了,最明显的就是断点乱跳,一会儿停这个线程,一会儿停在另一个线程,比如下图...四、远程调试 这也是一个装B的利器,本机不用启动项目,只要有源代码,可以在本机直接远程调试服务器上的代码,打开姿势如下: 4.1 项目启动时,先允许远程调试 java -server -Xms512m...,就是在本机与远程建立scoket通讯,所以端口不要冲突,而且本机要允许访问远程端口,另外这一段参数,放要在-jar 或 ${main_class}的前面 4.2 idea中设置远程调试 然后就可以调试了...善用上述调试技巧,相当大家撸起代码来会更有感觉,祝大家周末愉快!

1.1K100

调试JS代码

记录下近期对JS代码的调试过程 性能分析 启动程序之后,打开google浏览器对应页面,按F12或者Ctrl+Shift+I进入 开发者工具页面 目前主要使用的功能有: Performance....性能评估,比如我想看下页面刷新的性能瓶颈所在,先点击 按钮,然后进行页面操作,当页面刷新完成,再点击 按钮,则会生成性能报告,可以看到资源消耗,JS代码的执行逻辑等 Sources....性能报告页面的 部分,可以通过点击色块查看其所在的js代码文件,如 点击则会跳转到 功能栏,有了源文件就可以进行断点调试;这里注意部分js文件是压缩后的文件,建议手动修改程序替换成可读性更强的原始代码文件...,方便调试 Console....查看程序的打印输出,比如我想知道某个函数的执行时间,可以在js代码中进行修改 当js代码执行之后,可以在console输出中看到foo的执行时间 Network.

19K10
领券