写在前面:该博文主要收录本人在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 | 上一个/下一个方 |

本文主要介绍了Webstorm的常用及实用快捷键,包括提高开发效率的快捷设置,帮助开发者节省时间,减少重复工作,实现代码的快速定位和修改。

被折叠的 条评论
为什么被折叠?



