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

前言
一、常见自动补全

1. 标签 , 按Tab键
2. 标签 + ’ # ’ + 地址名，按Tab键（标签 + 地址）
3. 标签 + ’ . ’ + 类名, 按Tab键(标签 + 类)
4. 标签 + ’ > ’ + 子标签 + ’ * ’ + 个数（标签 + 子标签 + 个数）
5. 标签+类+地址+子标签+子标签个数+子子标签+[地址]+{文本}
   二、快捷键
6. 快捷键 搜索/代替 功能
7. 界面操作
8. 代码编辑
9. 导航
   总结
   前言
   学习java web，先复习一下html、css和Javascript。在此之前先将前端神器webstorm的快捷键熟悉一下。

一、常见自动补全

1. 标签 , 按Tab键
   例：输入h1，按Tab键，结果如下：

1 2. 标签 + ’ # ’ + 地址名，按Tab键（标签 + 地址） 例：输入h1#mm，按Tab键，结果如下：

1 3. 标签 + ’ . ’ + 类名, 按Tab键(标签 + 类) 例：输入h1.mm，按Tab键，结果如下：

1 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">Javaa>li>
    <li><a href="baidu.com">Javaa>li>
    <li><a href="baidu.com">Javaa>li>
    <li><a href="baidu.com">Javaa>li>
    <li><a href="baidu.com">Javaa>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 ： 上一个/下一个方法

原文链接：https://blog.csdn.net/weixin_43451347/article/details/119571410