首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

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

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

1.2K20

IDEa快捷键_idea进入方法快捷键

一、IntelliJ IDEA 快捷键大全 Win 版 一、Ctrl 快捷键 快捷键 说明 常用 Ctrl + F 在当前文件进行文本查找 √ Ctrl + R 在当前文件进行文本替换 √ Ctrl +...+ F3 选中文本,逐个往下查找相同文本,并高亮显示 Alt + F7 查找光标所在的方法 / 变量 / 类被调用的地方 Alt + F8 在 Debug 的状态下,选中对象,弹出可输入计算表达式调试框...,查看该输入内容的调试结果 Alt + Home 定位 / 显示到当前文件的 Navigation Bar Alt + Enter IntelliJ IDEA 根据光标所在问题,提供快速修复选择,光标放在的位置不同提示...and Run(编译和运行) 按键 说明 ⌘F9 编译 Project ⌘⇧F9 编译选择的文件、包或模块 ⌃⌥R 弹出 Run 的可选择菜单 ⌃⌥D 弹出 Debug 的可选择菜单 ⌃R 运行 ⌃D 调试...⌃⇧R, ⌃⇧D 从编辑器运行上下文环境配置 五、Debugging(调试) 按键 说明 F8 进入下一步,如果当前行断点是一个方法,则不进入当前方法体内 F7 进入下一步,如果当前行断点是一个方法

1.4K20

idea快捷键设置成idea_idea快捷键设置

一、IDEA默认快捷键(持续更新) 1、自己常用快捷键:(部分有更改) 说明 快捷键 删除当前行 ctrl + d 复制当前行到下一行 ctrl + ↓ 补全代码 alt + / 添加注释或取消 ctrl...下面有两种设置(搜索)快捷键的方法 一、通过操作名来搜索并找到快捷键然后进行更改 1、单击文件,然后点Settings 2、点击Keymap进入Editor Actions 3、选择自己要设置的快捷键...,先Remove(移除)原来的快捷键,再Add自己想设置的快捷键,直接一次性输入即可,假如是Ctrl + d ,那么就同时按下这两个键即可。...移除之后就没了,再自己重新设置 其它快捷键可以自己搜索 二、也可以根据操作键位来看这个快捷键是什么功能 先点击搜索框,然后在搜索框内直接按下你想要的快捷键组合。...但是它这个操作还有其它的快捷键,意思就是也可以按另外的快捷键来实现。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

1K30

IDEA快捷键

(Win + Linux)快捷键 说明 IntelliJ IDEA 的便捷操作性,快捷键的功劳占了一大半,对于各个快捷键组合请认真对待。...IntelliJ IDEA 本身的设计思维是提倡键盘优先于鼠标的,所以各种快捷键组合层出不穷,对于快捷键设置也有各种支持,对于其他 IDE 的快捷键组合也有预设模板进行支持。...pr=idea Ctrl 快捷键 介绍 Ctrl + F 在当前文件进行文本查找 (必备) Ctrl + R 在当前文件进行文本替换 (必备) Ctrl + Z 撤销 (必备) Ctrl + Y 删除光标所在行...,查看该输入内容的调试结果 Alt + Home 定位 / 显示到当前文件的 Navigation Bar Alt + Enter IntelliJ IDEA 根据光标所在问题,提供快速修复选择,光标放在的位置不同提示的结果也不同...冲突的快捷键取消或更改,不建议改 IntelliJ IDEA 的默认快捷键

1.1K42

idea快捷键

idea快捷键——提高码字速度 快捷键(提高码字速度) 1.快速生成main方法:psvm +Tab或 main+Tab 2.快速生成System.out.prinltn():sout+Tab 3.删除一行...Ctrl+End 27.跳到文件头:Ctrl+Home 28.选中的行代码格式化:Ctrl+Alt+L 29.在当前文件进行文本查找:Ctrl+R 30.选中的行打断点或取消断点:Ctrl+F8 自定义快捷键...File->Setting->KeyMap 搜索插件方法及安装 File->Settings->Plugins ✨快捷键提示(让你脱离鼠标) 安装插件:Key Promoter X 右侧列表展开,会展示你近期使用的功能进行...,需要经常使用的我们就可以记住快捷键,提高效率。...代码统计 安装插件:Statistic 生成方法时序图 安装插件:SequenceDiagram 代码补全 安装插件:Codota AI IDEA自带的补全代码已经很强大,AI补全代码更加强大,越用越好用

15310

idea快捷键

Ctrl + F1 显示错误 Ctrl + F3 调转到所选中的词的下一个同名位置 Ctrl + F9 编译 Ctrl - F12 当前编辑的文件中快速导航(可以直接键入字母,IntelliJ IDEA...Alt + F7 查看该方法/变量/类被调用的地方 Alt + F8 在debug的状态下,选中某些变量或是对象,按此快捷键弹出可输入变量、方法的调试框,指定查看该内容的debug情况 Alt +...Ctrl + Alt + Enter 光标所在行上空出一行,光标跳上 Ctrl + Alt + home 弹出跟当前文件有关联的文件目录(比如jsp里面有导入几个js和css,这些文件就是关联文件)...成多个 其他介绍: http://www.jetbrains.com/idea/docs/IntelliJIDEA_ReferenceCard.pdf 官网快捷键(for win/linux) http...://www.jetbrains.com/idea/docs/IntelliJIDEA_ReferenceCard_Mac.pdf 官网快捷键(for mac) http://blog.csdn.net

1.9K50

IDEA快捷键

我认为对于我这个刚接触不久idea的人,他的快捷键看多几次总会发现新的东西。...ctrl+shift+f 当前项目查找包含特定内容的文件 4.ctrl+n 查找类 5.ctrl+shift+n 查找文件 6.ctrl+e 最近的文件 7.alt+F7 非常非常频繁使用的一个快捷键...二.编辑相关 1.shift+enter 另起一行 2.ctrl+r 当前文件替换特定内容 3.ctrl+shift+r 当前项目替换特定内容 4.shift+F6 非常非常省心省力的一个快捷键...你想到的没想到的IDEA都帮你想到了。 看到代码里提示的各种红XX,就试试alt+enter吧!什么未抛异常啊没有try catch啊都能搞得定。...高亮错误或警告快速定位挺有用的 Ctrl+Shift+Backspace,跳转到上次编辑的地方 Ctrl+Shift+U,大小写转化 Ctrl+Y,删除当前行 Ctrl+Alt+S,打开设置对话框 【调试部分

94730

IDEA快捷键

Ctrl+Shift+Enter: Complete statement 帮你完成命令的,java语句都是以“;”结束的,你可以用这个快捷键来完成在句末加“;”的功能。...像modle中,一般都是声明了属性之后,紧接着要有各个属性的get/set方法,这些get/set方法就可以通过快捷键来完成,既快又保险。...其他的还有构造方法,等值判断,EJB等的,都可以通过快捷键来完成。 Ctrl+O: Override methods 覆写方法的。...Ctrl+Shift+W: Decrease current selection to previous state 呵呵,就是上个快捷键的回退,减量选择代码的。...代码很长的情况下,有可能不知道所在类的上下文信息,可以通过这个快捷键来看看该类的一些基本信息,像扩展了什么类,实现了什么类之类的信息。

80540

IDEA调试技巧

笔者有话说 导读 前天面试了一个985高校的实习生,问了他平时用什么开发工具,他想也没想的说IDEA,于是我抛砖引玉的问了一下IDEA调试用过吧,你说说怎么设置断点条件?...作为一名资深的老司机,IDEA调试可以说是家常便饭,如果不会debug,我都不信你读过源码,就别和我说原理了,直接pass掉。 基本界面 ?...在开发中,我一般会直接启动Debug模式,方便随时调试代码。 ② 断点:在左边行号栏单击左键,或者快捷键Ctrl+F8 打上/取消断点,断点行的颜色可自己去设置。...④ 调试按钮:一共有8个按钮,调试的主要功能就对应着这几个按钮,鼠标悬停在按钮上可以查看对应的快捷键。 ⑤ 服务按钮:可以在这里关闭/启动服务,设置断点等。...强制抛异常 这是IDEA 2018年加入的新功能,可以直接在调试中抛出指定的异常。

1.3K21

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.4K10
领券