使用 Change-case 插件可高效批量转换变量命名风格:安装后通过命令面板、右键菜单、自定义快捷键或配合多光标,一键将 camelCase 转为 snake_case、PascalCase 等格式。

如果您在使用 VSCode 编辑代码时需要频繁调整变量名的大小写格式,例如将 camelCase 转为 snake_case 或 PascalCase,但手动修改效率低且易出错,则可能是由于缺乏对命名风格批量转换工具的掌握。以下是使用 Change-case 插件实现快速转换的具体操作方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装 Change-case 插件
Change-case 是一个轻量级开源插件,支持在编辑器内直接对选中文本执行多种命名风格转换,无需依赖外部命令行工具或配置复杂规则。
1、打开 VSCode,点击左侧活动栏的扩展图标(或按快捷键 Cmd+Shift+X)。
2、在扩展搜索框中输入 Change Case,找到作者为 wmaurer 的插件。
3、点击“安装”按钮,等待插件下载并启用完成。
二、使用快捷键触发转换
插件安装后默认绑定快捷键,可对光标所在单词或当前选中文本立即应用命名风格变换,所有操作均在编辑器界面内完成,不跳出窗口或弹出提示。
1、用鼠标或键盘选中目标变量名,例如 userName。
2、按下快捷键 Cmd+Shift+P 打开命令面板。
3、输入 Change Case:,从下拉列表中选择对应风格,如 snake_case。
4、回车确认,选中内容即实时替换为 user_name。
三、通过右键菜单调用功能
对于不习惯使用命令面板的用户,插件还集成了上下文菜单项,使转换操作更贴近常规编辑流程,避免记忆快捷键组合。
1、右键单击已选中的变量文本。
2、在弹出菜单中定位到 Change Case 子菜单。
3、在子菜单中点击所需格式,例如 UPPER_SNAKE_CASE。
4、文本将立即更新为全大写下划线格式,如 USER_NAME。
四、自定义快捷键映射
若默认快捷键与其他插件冲突或不符合个人操作习惯,可通过用户键盘快捷方式设置重新绑定,确保高频操作一键可达。
1、按下 Cmd+, 打开设置界面,切换至“键盘快捷方式”标签页。
2、在搜索框中输入 change case,列出全部相关命令。
3、右键点击某条命令(如 changeCase.snakeCase),选择“更改键绑定”。
4、按下新设定的组合键,例如 Cmd+Alt+S,释放后即完成绑定。
五、配合多光标批量处理
当需同步修改多个同名变量或一组具有相似命名结构的标识符时,Change-case 支持与 VSCode 原生多光标功能协同工作,提升批量重构效率。
1、按住 Option 键,同时点击各目标变量起始位置,创建多个插入光标。
2、确保每个光标均落在完整单词内部(非空格或符号处)。
3、执行任意一种触发方式(命令面板、右键菜单或自定义快捷键)。
4、所有光标所在单词将同步转换为指定风格,例如同时将 firstName、lastName、emailAddress 转为 first_name、last_name、email_address。










