Webstorm 快捷设置 / 快捷键 收录(持续更新)

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

写在前面:该博文主要收录本人在Webstorm平时使用中的相关问题,主要宗旨是提高开发效率、少走弯路!
参考版本:Webstorm 2017.1

一、Webstorm 快捷设置

1.1 设置 tab 默认缩进值

设置 tab 默认缩进值
防止设置的缩进格式被覆盖

1.2 设置 Node.js 智能提示

设置 Node.js 智能提示

1.3 设置 node_modules 扫描忽略

设置 node_modules 扫描忽略

1.4 设置 js 提示为 ES6

设置 js 提示为 ES6

1.5 设置 Ctrl + 滚轮 改变编辑器字体大小

设置 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+Nctrl+shift+R通过文件名快速查找工程内的文件(必记)
ctrl+shift+alt+Nctrl+shift+alt+N通过一个字符快速查找位置(必记)
ctrl+Fctrl+F在文件内快速查找代码
F3ctrl+K查找下一个
shift+F3ctrl+shift+K查找上一个
ctrl+Rctrl+F文件内代码替换
ctrl+shift+R指定目录内代码批量替换
ctrl+shift+Fctrl+H指定目录内代码批量查找

2. 界面操作

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

3. 代码编辑

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

4. 导航

Webstorm快捷键Eclipse快捷键说明
escesc进入代码编辑区域
alt+F1alt+F1查找代码在其他界面模块的位置,颇为有用
ctrl+Gctrl+L到指定行的代码
ctrl+]/[ctrl+]/[光标到代码块的前面或后面
alt+up/downctrl+shift+up/down上一个/下一个方
WebStorm设置软换行(Soft Wrap)的快捷键,可以通过自定义键盘映射来实现。软换行是指编辑器自动将长行代码在视觉上换行显示,而不会实际插入换行符(即不修改源码)。虽然 WebStorm 没有默认为“切换软换行”分配快捷键,但你可以手动为其绑定一个。 ### ✅ 设置软换行快捷键的步骤: 1. 打开 WebStorm。 2. 进入设置: - **Windows/Linux**:`File` → `Settings` - **macOS**:`WebStorm` → `Preferences` 或 `Cmd + ,` 3. 在设置窗口中,导航到: ``` Keymap ``` 4. 在搜索框中输入 `Toggle Soft-wrap in Editor`。 5. 找到该操作(通常位于 `Other` 分类下),右键点击它,选择 `Add Keyboard Shortcut`。 6. 按下你想要设置快捷键组合,例如 `Ctrl+Alt+W`(注意避免与已有快捷键冲突)。 7. 点击 `OK` 保存设置。 --- ### 🧩 可选:通过插件或宏增强功能 WebStorm 原生支持按文件类型或全局开启软换行,但“切换”操作需要手动绑定。你也可以使用以下方式辅助: #### 启用全局软换行(非快捷键方式): - 菜单栏:`View` → `Active Editor` → `Use Soft Wraps in Editor` #### 使用宏(Macro)模拟多步操作(进阶) 如果你希望一键同时控制多个视图的软换行,可以录制宏并为其设快捷键。 --- ### 💡 示例:绑定快捷键 `Ctrl+Alt+W` 实现切换软换行 虽然不能直接写代码来“运行”这个设置(因为它是 IDE 配置),但你可以通过如下逻辑理解其作用: ```python # 伪代码示意:描述快捷键触发的行为 def toggle_soft_wrap(): if current_editor.has_soft_wrap_enabled(): disable_soft_wrap() else: enable_soft_wrap() ``` 当你按下快捷键时,IDE 就会执行类似上述逻辑的操作。 --- ### 🔍 注意事项: - “软换行”不影响代码结构,仅是视觉换行。 - 快捷键建议选择不与其他常用操作冲突的组合。 - 不同项目或文件类型可单独设置软换行(在 `Settings > Editor > General > Soft-wrap files` 中配置)。 --- ### ✅ 验证是否成功: 设置完成后,在编辑器中打开一个很长的代码行,按下你设置快捷键,观察是否启用了视觉换行。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值