WebStorm自动补全和常用快捷键

最新推荐文章于 2025-05-23 15:24:19 发布

Zero L

最新推荐文章于 2025-05-23 15:24:19 发布

阅读量3.1k

点赞数 3

CC 4.0 BY-SA版权

文章标签： WebStorm 自动补全快捷键

本文链接：https://blog.youkuaiyun.com/sinat_38930182/article/details/88353629

本文详细介绍了代码编辑器中的自动补全功能，包括标签补全、类和ID属性添加，以及复杂的嵌套标签生成。同时，列举了多种代码编辑快捷键，如查找/替换、界面操作和代码编辑等，帮助提升编程效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自动补全

（1）纯标签补全
例：输入h1,按Tab键，

<h1></h1>

（2）纯标签+地址“id”
例：输入h1#ccg,按Tab键，

<h1 id="ccg"></h1>

（3）纯标签+类“class”
例：输入h1.ccg,按Tab键，

<h1 class="ccg"></h1>

（4）标签+子标签+子标签个数
例：输入div>p*6,按Tab键，

<div>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
    <p></p>
</div>

（5）标签+类+子标签+子标签个数+子子标签+地址+}HTML}
例：输入ul.menu>li*6>a[href=#]{HTML},按Tab键，

<ul class="menu">
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
    <li><a href="#">HTML</a></li>
</ul>

快捷键配置

点击“File”-> “settings”

默认配置的常用快捷键表

查找/替换快捷键	说明
ctrl+shift+N	通过文件名快速查找工程内的文件
ctrl+shift+alt+N	通过一个字符快速查找位置
ctrl+F	在文件内快速查找代码
ctrl+R	文件内代码替换
ctrl+shift+R	指定目录内代码批量替换

界面操作快捷键	说明
alt+[0-9]	快速拆合功能界面模块
ctrl+shift+F12	最大区域显示代码（会隐藏其他的功能界面模块）
ctrl+F4	关闭当前代码选项卡
ctrl + b	跳到变量申明处

代码编辑快捷键	说明
ctrl+D	复制当前行
ctrl+alt+L	格式化代码
ctrl + X	剪切(删除)行，不选中，剪切整个行，如果选中部分内容则剪切选中的内容
shift+enter	重新开始一行（无论光标在哪个位置）
ctrl + /	单行注释
ctrl + shift + /	块注释
ctrl+shift+ up/down	上下移动句子
shift+enter	重新开始一行（无论光标在哪个位置）
shift+enter	重新开始一行（无论光标在哪个位置）
shift+enter	重新开始一行（无论光标在哪个位置）