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>

3、备注

该博客为网上搜索合并而成，如有侵权，请联系下博主！

IDEA快捷键以及emmet插件的自动补全

目录

一、idea快捷键

二、commet自动补全

三、备注