webstorm的快捷键大全

Kasekale

768人浏览 · 2017-08-11 15:52:08

Kasekale · 2017-08-11 15:52:08 发布

常用快捷键—Webstorm入门指南提高代码编写效率，离不开快捷键的使用，Webstorm拥有丰富的代码快速编辑功能，你可以自由配置功能快捷键。

快捷键配置
点击“File”-> “settings”
Webstorm预置了其他编辑器的快捷键配置，可以点击默认配置-Eclipse的常用快捷键对照表

查找/代替

Webstorm快捷键	Eclipse快捷键	说明
ctrl+shift+N	ctrl+shift+R	通过文件名快速查找工程内的文件（必记）
ctrl+shift+alt+N	ctrl+shift+alt+N	通过一个字符快速查找位置（必记）
ctrl+F	ctrl+F	在文件内快速查找代码
F3	ctrl+K	查找下一个
shift+F3	ctrl+shift+K	查找上一个
ctrl+R	ctrl+F	文件内代码替换
ctrl+shift+R		指定目录内代码批量替换
ctrl+shift+F	ctrl+H	指定目录内代码批量查找

界面操作

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

代码编辑

Webstorm快捷键	Eclipse快捷键	说明
ctrl+D	ctrl+shift+↑	复制当前行
ctrl+W	alt+shift+↑	选中单词
ctrl+←/→	ctrl+←/→	以单词作为边界跳光标位置
alt+insert	alt+insert	新建一个文件或其他
ctrl+alt+L	ctrl+alt+L	格式化代码
shift+tab/tab	shift+tab/tab	减少/扩大缩进（可以在代码中减少行缩进）
ctrl+Y	ctrl+D	删除一行
shift+enter	shift+enter	重新开始一行（无论光标在哪个位置）

导航

Webstorm快捷键	Eclipse快捷键	说明
esc	esc	进入代码编辑区域
alt+F1	alt+F1	查找代码在其他界面模块的位置，颇为有用
ctrl+G	ctrl+L	到指定行的代码
ctrl+]/[	ctrl+]/[	光标到代码块的前面或后面
alt+up/down	ctrl+shift+up/down	上一个/下一个方法

最近一段时间在写javascript时，找到一个灰常强悍的IDE。名称叫：WebStorm

目前是英文版的，功能很强大。我也在慢慢摸索之中，现把它的一些常用的快捷键列出来，供使用者参考。

Webstorm快捷键	Eclipse快捷键	说明
ctrl + shift + n:	打开工程中的文件，目的是打开当前工程下任意目录的文件。
ctrl + j:	输出模板
ctrl + b:	跳到变量申明处
ctrl + alt + T:	围绕包裹代码(包括zencoding的Wrap with Abbreviation)
ctrl + []:	匹配 {}[]
ctrl + F12:	可以显示当前文件的结构
ctrl + x:	剪切(删除)行，不选中，直接剪切整个行，如果选中部分内容则剪切选中的内容
alt + left/right:	标签切换
ctrl + r:	替换
ctrl + shift + up:	行移动
shift + alt + up:	块移动(if(){},while(){}语句块的移动)
ctrl + d:	行复制
ctrl + shift + ]/[:	选中块代码
ctrl + / :	单行注释
ctrl + shift + / :	块注释
ctrl + shift + i :	显示当前CSS选择器或者JS函数的详细信息
ctrl + ‘-/+’:	可以折叠项目中的任何代码块，它不是选中折叠，而是自动识别折叠。
ctrl + ‘.’:	折叠选中的代码的代码。
shift + esc:	当前激活的任意小窗口最小化，也可以是alt+数字键，数字在小窗口有显示。
alt + ‘7’:	显示当前的函数结构。
如果是*.html页面，	则在文件名下的导航栏某DOM结构上右键，	可以全选当前DOM结构。