WebStorm 常用技巧笔记
常用快捷键(Mac):
导航:
- 打开文件:
Shift + Cmd + O
(被我改成了和 Chrome 相同的Cmd + O
) - 打开符号:
Alt + Cmd + O
- 弹出最近关闭的文件列表:
Cmd + E
- 之后直接输入文件名可快速跳转到最近关闭的文件,找不到的话按回车则在项目中查找。
- 搜索任意:双击
Shift
- 跳转到定义:
Cmd + B
- 搜索所有引用:我定义的是
Shift + F12
- Outline:
Cmd + F12
- 弹出外部资源菜单:(在 Tab 标签上)
Cmd + Click
视图:
- 跳转回编辑面板:
Esc
- 切换下一个代码标签:
Ctrl + Tab
或Shift + Cmd + ]
- 切换上一个代码标签:
Shift + Cmd + [
编辑:
- 插入代码片段(Code Snippet):
Cmd + J
- 重命名(变量等):
Shift + F6
- 重构预览时,从搜索结果中排除:
Delete
- 格式化代码:
Alt + Cmd + L
行操作:
- 复制(选中)行:
Cmd + D
- 上移(选中)行:
Shift + Alt + Up
- 上移(选中)语句:
Shift + Cmd + Up
- 在上面插入新行:
Alt + Cmd + Enter
- 在下面插入新行:
Shift + Enter
- 删除行:
Cmd + Delete
显示:
- 显示方法参数说明:
Cmd + P
- 显示光标处的代码文档:
F1
- 快速查看定义:
Alt + Space
- 高亮当前文件中所有选中字段:
Shift + Cmd + F7
(然后Cmd + G
跳转下一个) - 扩大选中的代码块:
Alt + Up
(按越多次选中的代码块范围越大) - 折叠/展开代码块:
Cmd + -/=
- 向上滚动一行(MoveUp):我定义的是
Ctrl + Alt + Up
其它:
- 激活搜索框 "Match Case":
Alt + C
- 激活搜索框 "Words":
Alt + R
调整 Layout 以突出编码区域,更适合笔记本和16:9显示器:
- [Preferences] Appearance & Behavior > Appearance:勾选 Widescreen ... layout
- [Menu] View: 把 Toolbar, Tool Buttons, Status Bar, Navigation bar 全关掉
允许解析 module 等 node 全局变量:
- [Preferences] Languages & Frameworks > JavaScript > Libraries: 勾选 Node.js Globals
隐藏代码折叠的箭头:
- [Preferences] Editor > Code Folding: 取消 Show code folding outline
在方法之间显示横线:
- [Preferences] Editor > General > Appearance: 勾选 Show method separators
从项目中排除第三方文件,优化代码搜索结果:
- [Preferences] Project > Directories: 选中不需要的文件夹,点上面的 Excluded,例如这样设置:
也可以在 [Project] 面板上的文件夹点击右键,选择 Mark Directory As > Excluded
不在 [Project] 显示已排除的第三方文件:
- [Project] 点击 "Scope按钮",选择 Project Files
按文件类型排序:
- [Project] 点击齿轮下拉菜单,选中 Sort by Type 和 Folders Always on Top
在 [Project] 中定位到当前编辑的脚本:
- 点击图中的小图标
去掉 spell checking:
- [Preference] Editor > Inspections: 把 spelling 项的复选去掉
屏蔽对象定义时最后多写一个逗号引起的报错:
- [Preference] Editor > Inspections > JavaScript > General: 取消 Last comma in object literal
减少 jshint 报错
- 在项目的
.idea/jsLinters/
目录下添加 jshint.xml
Postfix Completion
- [Preferences] Editor > General > Postfix Completion:启用你喜欢的选项