WebStorm常见自动补全方法以及快捷键

---

前言

学习java web，先复习一下html、css和Javascript。在此之前先将前端神器webstorm的快捷键熟悉一下。

---

一、常见自动补全

1. 标签 , 按Tab键

例：输入h1，按Tab键，结果如下：

<h1></h1>

2. 标签 + ’ # ’ + 地址名，按Tab键（标签 + 地址）

例：输入h1#mm，按Tab键，结果如下：

<h1 id="mm"></h1>

3. 标签 + ’ . ’ + 类名, 按Tab键(标签 + 类)

例：输入h1.mm，按Tab键，结果如下：

<h1 class="mm"></h1>

4. 标签 + ’ > ’ + 子标签 + ’ * ’ + 个数（标签 + 子标签 + 个数）

例：输入ul>li*6，按Tab键，结果如下：

    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>

5. 标签+类+地址+子标签+子标签个数+子子标签+[地址]+{文本}

例：输入ul.mm#aa>li*5>a[href=baidu.com]{Java},按Tab键，结果如下：

    <ul class="mm" id="aa">
        <li><a href="baidu.com">Java</a></li>
        <li><a href="baidu.com">Java</a></li>
        <li><a href="baidu.com">Java</a></li>
        <li><a href="baidu.com">Java</a></li>
        <li><a href="baidu.com">Java</a></li>
    </ul>

---

二、快捷键

1. 快捷键 搜索/代替 功能

（1）双击shift： 全局查找。
（2）ctrl+E： 查找最近打开过的文件
（3）ctrl+F ： 搜索当前文件的东西，可实现替换相同标签。
（4）ctrl+K： 查找下一个
（5）ctrl+shift+N : 通过文件名快速查找过程内的文件 （必记）
（6）ctrl+shift+alt+N： 通过一个字符快速查找位置（必记）
（7）ctrl+shift+K： 查找上一个
（8）ctrl+shift+R： 指定目录内代码批量替换
（9）ctrl+shift+F： 指定目录内代码批量查找

2. 界面操作

（1）ctrl+shift+A ： 快速查找并使用编辑器所有功能（必记）
（2）alt+[0-9] ： 快速拆合功能界面模块
（3）alt+←/→ ： 切换代码选项卡
（4）alt+shift+F ： 将当前文件加入收藏夹
（5）ctrl+shift+F12 ： 最大区域显示代码（会隐藏其他的功能界面模块）
（6）ctrl+alt+s ： 打开配置窗口
（7）ctrl+tab ： 切换代码选项卡（还要进行此选择，效率差些）
（8）ctrl+F4 ： 关闭当前代码选项卡

3. 代码编辑

（1）shift + Enter ： 新建一缩进与当前行相同的下一行
（2）ctrl+/： 定义和注销注释（在代码上一行添加）
（3）ctrl+D： 复制当前行到下一行
（4）ctrl+Y： 删除当前行
（5) ctrl+alt+L： 整理代码格式
（6) 多行同一列同时编辑 ：
方法一：按住alt+caps+a，鼠标左键拉选要修改的连续行的同一列
方法二：按住鼠标滚轮拉选要修改的连续行的同一列
（7）多光标处同时编辑 ：
按住alt+shift+a，鼠标左键选择要修改的列位置，会有一个光标显示在选择的列位置，然后编辑所有光标处都会起作用

统一按esc键退出

4. 导航

（1）esc ： 进入代码编辑区域
（2）ctrl+]/[ ： 光标到代码块的前面或后面
（3）ctrl+G ： 到指定行的代码
（4）alt+F1 ： 查找代码在其他界面模块的位置，颇为有用
（5）alt+up/down ： 上一个/下一个方法

---

总结

刚开始写博客还太熟练，大四了才开始写，希望能坚持下去吧。