写在前面:该博文主要收录本人在Webstorm平时使用中的相关问题,主要宗旨是提高开发效率、少走弯路!
参考版本:Webstorm 2017.1
一、Webstorm 快捷设置
1.1 设置 tab 默认缩进值
1.2 设置 Node.js 智能提示
1.3 设置 node_modules 扫描忽略
1.4 设置 js 提示为 ES6
1.5 设置 Ctrl + 滚轮 改变编辑器字体大小
二、Webstorm快捷键
> 最常用的快捷键(个人整理)
快捷键 | 说明 |
---|---|
Ctrl+/ 或 Ctrl+Shift+/ | 注释(// 或者/…/ ) |
Shift+F6 | 重构-重命名 |
Ctrl+X | 删除行 |
Ctrl+D | 复制行 |
Ctrl+G | 查找行 |
Ctrl+Shift+Up/Down | 代码向上/下移动。 |
F2 或 Shift+F2 | 高亮错误或警告快速定位 |
Ctrl+Shift+F7 | 高亮显示选中文本,按Esc高亮消失 |
Ctrl+B 或 Ctrl+鼠标左键 | 快速打开光标处的类或方法 |
Ctrl + Alt + B | 跳转方法实现处 |
Ctrl + Shift + I | 打开定义快速查找 |
Alt + Up/Down | 跳转到上一个/下一个方法 |
Ctrl+E | 最近打开的文件 |
Alt+F1 | 查找代码所在位置 |
Ctrl+Alt+L | 格式化代码 |
Ctrl+R | 替换文本 |
Ctrl+F | 查找文本 |
Ctrl+P | 方法参数提示 |
F3 | 查找下一个 |
Shift+F3 | 查找上一个 |
alt+Shift+F | 将当前文件加入收藏夹 |
ctrl+alt+s | 打开配置窗口 |
ctrl+Shift+N | 通过文件名快速查找工程内的文件(必记) |
ctrl+Shift+alt+N | 通过一个字符快速查找位置(必记) |
Shift+enter | 重新开始一行(无论光标在哪个位置) |
Ctrl + Alt + T | 用 if, else, try, catch, for 等来围绕选中的代码块 |
Ctrl + Shift + U | 切换光标所在位置单词的大小写 |
Ctrl + Delete | 删除到单词结束 |
Ctrl + Backspace | 删除到单词开始 |
Ctrl + E | 弹出最近打开的文件 |
F11 | 切换书签,就是 sublime text 的F2 |
Ctrl + Shift + F12 | 切换最大化编辑器 |
Alt + Shift + F | 添加至收藏夹 |
> 其他快捷键(摘录)
1. 查找/代替
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 | 指定目录内代码批量查找 |
2. 界面操作
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 | 关闭当前代码选项卡 |
3. 代码编辑
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 | 重新开始一行(无论光标在哪个位置) |
4. 导航
Webstorm快捷键 | Eclipse快捷键 | 说明 |
---|---|---|
esc | esc | 进入代码编辑区域 |
alt+F1 | alt+F1 | 查找代码在其他界面模块的位置,颇为有用 |
ctrl+G | ctrl+L | 到指定行的代码 |
ctrl+]/[ | ctrl+]/[ | 光标到代码块的前面或后面 |
alt+up/down | ctrl+shift+up/down | 上一个/下一个方 |