常用快捷键—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结构。 |