1、idea快捷键
1.1 Ctrl相关
快捷键 介绍
Ctrl + B 进入光标所在的方法/变量的接口或是定义处,等效于Ctrl + 左键单击
Ctrl + D 复制光标所在行或复制选择内容,并把复制内容插入光标位置下面
Ctrl + F 在当前文件进行文本查找
Ctrl + H 查看类的继承结构
Ctrl + N 通过类名定位文件
Ctrl + O 快速重写父类方法
Ctrl + P 方法参数提示
Ctrl + Y 删除光标所在行或删除选中的行
Ctrl + W 递进式选择代码块
Ctrl + Z 撤销
Ctrl + 1,2,3…9 定位到对应数值的书签位置 结合Ctrl + Shift + 1,2,3…9使用
Ctrl + F1 在光标所在的错误代码出显示错误信息
Ctrl + F12 弹出当前文件结构层,可以在弹出的层上直接输入进行筛选
Ctrl + Space 基础代码补全默认在Windows系统上被输入法占用,需要进行修改,建议修改为Ctrl + 逗号
Ctrl + / 注释光标所在行代码,会根据当前不同文件类型使用不同的注释符号
1.2 Alt相关
快捷键 介绍 Alt + Q 弹出一个提示,显示当前类的声明/上下文信息 Alt + Enter 根据光标所在问题,提供快速修复选择1.3 Shift相关
快捷键 介绍 Shift + F3 在查找模式下,定位到上一个匹配处1.4 Ctrl+Alt相关
快捷键 介绍 Ctrl + Alt + B 在某个调用的方法名上使用会跳到具体的实现处 Ctrl + Alt + L 格式化代码 可以对当前文件和整个包目录使用 Ctrl + Alt + M 快速抽取方法 Ctrl + Alt + O 优化导入的类和包 可以对当前文件和整个包目录使用 Ctrl + Alt + T 对选中的代码弹出环绕选项弹出层 Ctrl + Alt + V 快速引进变量 Ctrl + Alt + F7 寻找类或是变量被调用的地方,以弹出框的方式显示 Ctrl + Alt + 左方向键 退回到上一个操作的地方 Ctrl + Alt + 右方向键 前进到上一个操作的地方1.5 Ctrl+Shift相关
快捷键 介绍
Ctrl + Shift + F 根据输入内容查找整个项目或指定目录内文件
Ctrl + Shift + H 查看方法的继承结构
Ctrl + Shift + J 自动将下一行合并到当前行末尾
Ctrl + Shift + N 通过文件名定位打开文件/目录,打开目录需要在输入的内容后面多加一个正斜杠
Ctrl + Shift + R 根据输入内容替换对应内容,范围为整个项目或指定目录内文件
Ctrl + Shift + U 对选中的代码进行大/小写轮流转换
Ctrl + Shift + W 递进式取消选择代码块
Ctrl + Shift + Z 取消撤销
Ctrl + Shift + / 代码块注释
Ctrl + Shift + + 展开所有代码
Ctrl + Shift + - 折叠所有代码
Ctrl + Shift + 1,2,3…9 快速添加指定数值的书签
Ctrl + Shift + F7 高亮显示所有该选中文本,按Esc高亮消失
Ctrl + Shift + Space 智能代码提示
Ctrl + Shift + Enter 自动结束代码,行末自动添加分号
1.6 其他
快捷键 介绍 F2 跳转到下一个高亮错误或警告位置 F3 在查找模式下,定位到下一个匹配处 F4 编辑源二、自动补全
### Emmet的html语法 所有操作按下“tab”键即可瞬间完成元素
- 在编辑器中输入元素名称,即可自动补全生成 HTML 标签,即使不是标准的 HTML 标签。
- 输入:! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基本结构
嵌套操作
1.使用“>”生成子元素
div>ul>li
<div>
<ul>
<li></li>
</ul>
</div>
2.使用“+”生成兄弟元素
div+p+span
<div></div>
<p></p>
<span></span>
3.使用“^”生成父元素
div+div>p>span+em^bq
<div></div>
<div>
<p><span></span><em></em></p>
<blockquote></blockquote>
</div>
4.使用“*”生成多个相同元素
ul>li*5
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
5.使用“()”将元素分组
"+" 后面的元素与括号中的第一个元素属于兄弟关系
div>(header>ul>li*2)+footer>p
<div>
<header>
<ul>
<li></li>
<li></li>
</ul>
</header>
<footer>
<p></p>
</footer>
</div>
属性操作
1.id与class:元素与 id 属性值之间用 “#” 分隔,与 class 属性值之间用 “.” 分隔
// 输入
div#header+div.page+div#footer.class1.class2.class3
// 按下TAB键
<div id="header"></div>
<div class="page"></div>
<div id="footer" class="class1 class2 class3"></div>
2.使用“[]”标记其他属性
// 输入
td[title='hello' colspan=3]
// 按下TAB键
<td title="hello" colspan="3"></td>
3.用“$”符号实现1到n的自动编号(“*”实现多个元素)
// 输入
li.item$*3
// 按下TAB键
<li class="item1"></li>
<li class="item2"></li>
<li class="item3"></li>
//可在 “$” 后添加 “@n” 修改编号的起始值为n。
// 输入
li.item$@3*3
// 按下TAB键
<li class="item3"></li>
<li class="item4"></li>
<li class="item5"></li>
//可在 “$” 后添加 “@-” 修改编号的方向。
// 输入
li.item$@-3*3
// 按下TAB键
<li class="item5"></li>
<li class="item4"></li>
<li class="item3"></li>
4.用“{}”添加文本内容
// 输入
a[href=me.htm]{click me}
// 按下TAB键
<a href="me.htm">click me</a>