WebStorm常见自动补全方法以及快捷键
WebStorm常见自动补全方法以及快捷键提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录WebStorm常见自动补全方法以及快捷键前言一、常见自动补全1. 标签 , 按Tab键2. 标签 + ' # ' + 地址名,按Tab键(标签 + 地址)3. 标签 + ' . ' + 类名, 按Tab键(标签 + 类)4. 标签 + ' > ' + 子标签 + ' * ' +
文章目录
前言
学习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 : 上一个/下一个方法
总结
刚开始写博客还太熟练,大四了才开始写,希望能坚持下去吧。
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)