webstorm 默认未绑定大小写转换快捷键,需手动在设置→keymap中搜索“convert case”并为upper/lower case等添加快捷键;驼峰/下划线转换基于分隔符切分词元,结果依赖原始命名规范,批量改名应使用shift+f6重命名重构而非convert case。

WebStorm 默认不绑定任何大小写转换快捷键,Ctrl+Shift+U 在新安装或重置后的 WebStorm 中根本不会触发任何操作——它只是个空闲键位,不是失效,而是压根没配。
怎么给 Upper Case / Lower Case 绑定快捷键
必须手动配置,否则每次都要走菜单:编辑 → 转换案例 → 点击子项。路径和关键动作很明确:
- 按
Ctrl+Alt+S(macOS 是Cmd+,)打开设置 - 左侧选
Keymap - 右上角搜索框输入
convert case,会出现Upper Case、Lower Case、To Camel Case等条目 - 右键点击
Lower Case→Add Keyboard Shortcut→ 按下你习惯的组合键(比如Ctrl+Shift+L) - 如果提示冲突,先点
Remove原绑定再试;别用Ctrl+U,它默认绑定的是「滚动到顶部」
驼峰/下划线转换为什么经常出错
这类转换不是字符串替换,而是基于分隔符(_、-、空格、大写字母边界)做词元切分再重组,结果高度依赖选区结构和原始命名习惯:
-
user_name_2执行To Camel Case→ 得到userName2,不是userName_2(下划线被当作分隔符吞掉了) -
XMLHttpRequest执行To Snake Case→ 可能变成x_m_l_http_request,因为 WebStorm 按单个大写字母切分,而非识别缩写语义 - 光标停在
myComponent中间但未选中?操作会作用于整个标识符——这是设计行为,不是 bug -
my-component.js转驼峰 →myComponentJs(-和.都参与分隔)
想批量改变量名?别用 Convert Case
它只改当前选中文字,不更新引用、不校验作用域、不重命名导入/导出,纯文本层面操作。真要改 user_id → userId 全局生效:
- 双击选中变量名(确保光标落在标识符内)
- 按
Shift+F6触发重命名重构 - 输入新名,回车,WebStorm 自动扫描并更新所有引用位置(含模板、字符串中的硬编码、类型定义等)
- 若需预览改动范围,勾选下方
Preview再确认
真正容易被忽略的是:驼峰/下划线转换对命名规范有隐含假设——它假定原始命名是「语义清晰、分隔一致」的,而现实里 userID、user_Id、user-id 混用时,转换结果基本不可控。与其反复调试转换逻辑,不如统一命名后再用 Shift+F6 一次性修正。











