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

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”键即可瞬间完成

元素

1. 在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。
2. 输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基本结构

嵌套操作

1.使用“>”生成子元素

div>ul>li


    

        

    

2.使用“+”生成兄弟元素

div+p+span

3.使用“^”生成父元素

div+div>p>span+em^bq



    

    

4.使用“*”生成多个相同元素

ul>li*5


    

    

    

    

    

5.使用“()”将元素分组

"+" 后面的元素与括号中的第一个元素属于兄弟关系
div>(header>ul>li*2)+footer>p


    

        

            

            

        
    
    

        

    

属性操作

1.id与class：元素与 id 属性值之间用 “#” 分隔，与 class 属性值之间用 “.” 分隔

// 输入
div#header+div.page+div#footer.class1.class2.class3

// 按下TAB键

2.使用“[]”标记其他属性

// 输入
td[title='hello' colspan=3]

// 按下TAB键

3.用“$”符号实现1到n的自动编号（“*”实现多个元素）

// 输入
li.item$*3

// 按下TAB键





//可在 “$” 后添加 “@n” 修改编号的起始值为n。
// 输入
li.item$@3*3

// 按下TAB键




//可在 “$” 后添加 “@-” 修改编号的方向。
// 输入
li.item$@-3*3

// 按下TAB键

4.用“{}”添加文本内容

// 输入
a[href=me.htm]{click me}

// 按下TAB键
click me