当前位置: 首页 > news >正文

WebStorm 快捷键大全(Windows / macOS 双平台对照)

作为 JetBrains 家族中最受前端开发者欢迎的 IDE,WebStorm 凭借强大的智能提示、代码重构、调试集成和插件生态,成为 Vue、React、TypeScript、Node.js 等项目的首选开发工具。

但很多开发者只用了它 30% 的功能!
掌握快捷键 = 开发效率翻倍!

本文整理了 最常用、最实用的 WebStorm 快捷键,并按功能分类,附带 Windows 与 macOS 双平台对照,建议收藏备用!


🔑 一、通用操作

功能Windows / LinuxmacOS
打开文件Ctrl + Shift + NCmd + Shift + O
打开最近文件Ctrl + ECmd + E
快速切换文件(Recent Files)Ctrl + Shift + ECmd + Shift + E
全局搜索(Search Everywhere)Double ShiftDouble Shift
显示所有快捷键Ctrl + Shift + ACmd + Shift + A
切换全屏Alt + V → EnterCtrl + Cmd + F

💡 技巧Double Shift(连按两次 Shift)是 WebStorm 的“万能搜索”,可搜类、文件、动作、设置!


✂️ 二、编辑与代码操作

功能Windows / LinuxmacOS
复制当前行Ctrl + C(无选中时)Cmd + C(无选中时)
删除当前行Ctrl + YCmd + Delete
复制行到下一行Ctrl + DCmd + D
移动行上下Alt + Shift + ↑/↓Option + Shift + ↑/↓
注释 / 取消注释Ctrl + /Cmd + /
块注释Ctrl + Shift + /Cmd + Shift + /
自动格式化代码Ctrl + Alt + LCmd + Option + L
优化导入(删除未使用 import)Ctrl + Alt + OCmd + Option + O
重命名(智能重构)Shift + F6Shift + F6
查找并替换Ctrl + RCmd + R
多光标编辑Alt + 鼠标点击Option + 鼠标点击

推荐Ctrl + Alt + L(格式化)配合 ESLint/Prettier,代码瞬间整洁!


🔍 三、导航与查找

功能Windows / LinuxmacOS
跳转到定义Ctrl + BCtrl + 鼠标左键Cmd + BCmd + 鼠标左键
查看用法(Find Usages)Alt + F7Option + F7
返回上一位置Ctrl + Alt + ←Cmd + Option + ←
前进到下一位置Ctrl + Alt + →Cmd + Option + →
查找类Ctrl + NCmd + O
查找符号(方法/变量)Ctrl + Shift + Alt + NCmd + Option + O
在文件中查找Ctrl + FCmd + F
全局查找Ctrl + Shift + FCmd + Shift + F

🌟 神器组合Alt + F7 查看某个函数被哪些地方调用,重构时超有用!


🛠️ 四、运行与调试

功能Windows / LinuxmacOS
运行当前配置Shift + F10Ctrl + R
调试当前配置Shift + F9Ctrl + D
继续执行(Debug)F9Cmd + Option + R
单步跳过(Step Over)F8F8
单步进入(Step Into)F7F7
停止运行Ctrl + F2Cmd + F2

⚠️ 注意:macOS 的 F1~F12 默认是多媒体键,需按住 Fn 或在系统设置中改为“标准功能键”。


📂 五、项目与文件管理

功能Windows / LinuxmacOS
新建文件/目录Alt + InsertCmd + N
重命名文件Shift + F6Shift + F6
在资源管理器中打开Alt + F1 → 1Cmd + 1 → 右键 Open in Finder
折叠/展开代码块Ctrl + - / +Cmd + - / +
折叠全部方法Ctrl + Shift + -Cmd + Shift + -

🎯 六、高效技巧(进阶)

1. Live Templates(代码模板)

  • 输入 log + Tab → 自动生成 console.log()
  • 输入 for + Tab → 快速生成 for 循环
  • 自定义:File → Settings → Editor → Live Templates

2. Postfix Completion

arr.for  // 输入后按 Tab → 生成 for 循环遍历 arr
obj.null // 按 Tab → 生成 if (obj == null) 判断

3. 快速修复(Alt + Enter)

  • 未导入的模块?按 Alt + Enter 自动 import!
  • 拼写错误?自动建议修正。
  • 未处理的 Promise?自动加 .catch()try/catch

WebStorm 的智能,藏在 Alt + Enter 里!


📥 七、自定义快捷键

路径:
File → Settings → Keymap(Windows)
WebStorm → Preferences → Keymap(macOS)

  • 可切换为 Eclipse / Visual Studio / Sublime 等预设方案
  • 支持右键为任意操作绑定新快捷键

✅ 总结:新手必记 5 大快捷键

场景快捷键(Windows)快捷键(macOS)
快速打开文件Ctrl + Shift + NCmd + Shift + O
跳转到定义Ctrl + BCmd + B
格式化代码Ctrl + Alt + LCmd + Option + L
重命名变量/函数Shift + F6Shift + F6
万能操作搜索Ctrl + Shift + ACmd + Shift + A

http://www.dtcms.com/a/419063.html

相关文章:

  • 多线程顺序输出abc
  • CSS盒模型全面解析
  • 免费开源cms网站源码网页设计公司网站设计
  • [pytest] autouse 参数:自动使用fixture
  • 上海市建上海市建设安全协会网站wordpress盲注
  • 论文阅读三-第二章(3)
  • 在 Windows 系统上怎么使用rabbitmq相关命令,比如:rabbitmqctl list_queues 命令
  • spire.doc for .net 在word的表格最后增加行及索引超限处理办法
  • 【android 驱动开发十】中断唤醒功能-维持500ms唤醒状态
  • 微信上可以做网站吗广州专业视频制作
  • wordpress还原网站源码易语言 wordpress
  • 深入解析AppCrawler:开源自动遍历测试工具配置指南
  • 24届(华为OD)Java面经
  • 20届-测试面经-华为OD
  • 重庆seo整站优化效果百度竞价推广属于什么广告
  • 朝阳区住房和城乡建设部网站营销模式有几种
  • linux学习笔记(5)计算机基本硬件结构
  • 自定义分页控件,只显示当前页码的前后N页
  • 软件开发和网站建设的区别做车贷的网站
  • PC16550串口中断接收与异常处理程序
  • 自动化脚本提升效率
  • mysql旧版本存储嵌入模型的向量数据
  • 公司网站建设宣传话语申请一个域名可以建设一个网站吗
  • 合川做网站临汾网站建设
  • HGAME 2023 week1]a_cup_of_tea
  • vue 打包element plus组件生成对应css文件的问题
  • 网站 接入微信公众号登陆入口
  • 做网站和做appwordpress category模板
  • Windows---进程状态信息获取的核心接口<Psapi.h>
  • flink状态管理