webstorm 是jetbrains公司旗下一款javascript 开发工具。目前已经被广大中国js开发者誉为“web前端开发神器”、“最强大的html5编辑器”、“最智能的javascript ide”等。与intellij idea同源,继承了intellij idea强大的js部分的功能。
1、必备快捷键
● ctrl+/:注释当前行
● ctrl+shift+/:当前位置插入注释
● ctrl+alt+/:块注释,并focus到首行,写注释说明用的
● ctrl+shift+a:选择当前标签前后,修改标签用的
● f11:全屏
● shift+f11:全屏免打扰模式,只编辑当前文件
● alt+f3:选择所有相同的词
● alt+.:闭合标签
● alt+shift+数字:分屏显示
● alt+数字:切换打开第n个文件
● shift+右键拖动:光标多不,用来更改或插入列内容
● 鼠标的前进后退键可切换tab文件
● 按 ctrl,依次点击或选取,可需要编辑的多个位置
● 按 ctrl+shift+上下键,可替换行
● ctrl+shift+p:打开命令面板
● ctrl+p:搜索项目中的文件
● ctrl+g:跳转到第几行
● ctrl+w:关闭当前打开文件
● ctrl+shift+w:关闭所有打开文件
● ctrl+shift+v:粘贴并格式化
● ctrl+d:选择单词,重复可增加选择下一个相同的单词
● ctrl+l:选择行,重复可依次增加选择下一行
● ctrl+shift+l:选择多行
● ctrl+shift+enter:在当前行前插入新行
● ctrl+x:删除当前行
● ctrl+m:跳转到对应括号
● ctrl+u:软撤销,撤销光标位置
● ctrl+j:选择标签内容
● ctrl+f:查找内容
● ctrl+shift+f:查找并替换
● ctrl+h:替换
● ctrl+r:前往 method
● ctrl+n:新建窗口
● ctrl+k+b:开关侧栏
● ctrl+shift+m:选中当前括号内容,重复可选着括号本身
● ctrl+f2:设置/删除标记
2、选择类快捷键
● ctrl+← 向左单位性地移动光标,快速移动光标
● ctrl+→ 向右单位性地移动光标,快速移动光标
● shift+↑ 向上选中多行
● shift+↓ 向下选中多行
● shift+← 向左选中文本
● shift+→ 向右选中文本
● ctrl+shift+← 向左单位性地选中文本
● ctrl+shift+→ 向右单位性地选中文本
● ctrl+shift+↑ 将光标所在行和上一行代码互换(将光标所在行插入到上一行之前)
● ctrl+shift+↓ 将光标所在行和下一行代码互换(将光标所在行插入到下一行之后)
● ctrl+alt+↑ 向上添加多行光标,可同时编辑多行
● ctrl+alt+↓ 向下添加多行光标,可同时编辑多行
● ctrl+d 选中光标所占的文本,继续操作则会选中下一个相同的文本
● alt+f3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等
● ctrl+l 选中整行,继续操作则继续选择下一行,效果和 shift+↓ 效果一样
● ctrl+shift+l 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行
● ctrl+shift+m 选择括号内的内容(继续选择父括号)。举个栗子:快速选中删除函数中的代码,重写函数体代码或重写括号内里的内容
● ctrl+m 光标移动至括号内结束或开始的位置
● ctrl+enter 在下一行插入新行。举个栗子:即使光标不在行尾,也能快速向下插入一行
● ctrl+shift+enter 在上一行插入新行。举个栗子:即使光标不在行首,也能快速向上插入一行
● ctrl+shift+[ 选中代码,按下快捷键,折叠代码
● ctrl+shift+] 选中代码,按下快捷键,展开代码
● ctrl+k+0 展开所有折叠代码
3、编辑类快捷键
● ctrl+k+k 从光标处开始删除代码至行尾
● ctrl+shift+k 删除整行
● ctrl+/ 注释单行
● ctrl+shift+/ 注释多行
● ctrl+j 合并选中的多行代码为一行。举个栗子:将多行格式的css属性合并为一行
● ctrl+shift+d 复制光标所在整行,插入到下一行
● tab 向右缩进
● shift+tab 向左缩进
● ctrl+k+u 转换大写
● ctrl+k+l 转换小写
● ctrl+z 撤销
● ctrl+y 恢复撤销
● ctrl+u 软撤销,感觉和 gtrl+z 一样
● ctrl+f2 设置书签
● ctrl+t 左右字母互换
● f6 单词检测拼写
4、搜索类快捷键
● ctrl+f 打开底部搜索框,查找关键字
● ctrl+shift+f 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找,略高端,未研究
● ctrl+p 打开搜索框。举个栗子:1、输入当前项目中的文件名,快速搜索文件,2、输入@和关键字,查找文件中函数名,3、输入:和数字,跳转到文件中该行代码,4、输入#和关键字,查找变量名
● ctrl+g 打开搜索框,自动带:,输入数字跳转到该行代码。举个栗子:在页面代码比较长的文件中快速定位
● ctrl+r 打开搜索框,自动带@,输入关键字,查找文件中的函数名。举个栗子:在函数较多的页面快速查找某个函数
● ctrl+: 打开搜索框,自动带#,输入关键字,查找文件中的变量名、属性名等
● ctrl+shift+p 打开命令框。场景栗子:打开命名框,输入关键字,调用sublime text或插件的功能,例如使用package安装插件
● esc 退出光标多行选择,退出搜索框,命令框等
5、显示类快捷键
● alt+shift+1 窗口分屏,恢复默认1屏(非小键盘的数字)
● alt+shift+2 左右分屏-2列
● alt+shift+3 左右分屏-3列
● alt+shift+4 左右分屏-4列
● alt+shift+5 等分4屏
● alt+shift+8 垂直分屏-2屏
● alt+shift+9 垂直分屏-3屏
● 或右键已打开标签,选择垂直拆分or水平拆分
● ctrl+k+b 开启/关闭侧边栏
● f11 全屏模式
● shift+f11 免打扰模式
● ctrl+tab 按文件浏览过的顺序,切换当前窗口的标签页
● ctrl+pagedown 向左切换当前窗口的标签页
● ctrl+pageup 向右切换当前窗口的标签页
本文来自 webstorm教程 栏目,欢迎学习!
以上就是值得收藏的webstorm快捷键的详细内容。