Change Case插件支持VSCode中变量名的多种命名风格转换:安装后可直接用Cmd+K快捷键组合切换大小写、PascalCase、camelCase等格式,也可通过命令面板或自定义快捷键调用snake_case等选项,并原生支持多光标批量转换。

如果您在使用 VSCode 编辑代码时需要频繁调整变量名的大小写格式,例如将 camelCase 转为 PascalCase 或 snake_case,则 Change Case 插件可直接提供多种命名风格转换功能。以下是具体操作方式:
本文运行环境:MacBook Air,macOS Sequoia。
一、安装 Change Case 插件
该插件是 VSCode 官方市场中轻量且稳定的开源工具,支持实时选中文本并一键切换命名风格,无需配置即可使用。
1、打开 VSCode,点击左侧活动栏中的扩展图标(或按 Cmd+Shift+X)。
2、在搜索框中输入 Change Case。
3、在搜索结果中找到作者为 wmaurer 的插件,点击“安装”按钮。
4、安装完成后,无需重启编辑器,插件即刻生效。
二、使用快捷键触发大小写转换
插件默认绑定常用快捷键,覆盖主流命名风格,适用于单个词、多个单词或整行变量名。
1、选中待转换的标识符,例如 userName。
2、按下 Cmd+K, Cmd+U 切换为大写(UPPER_CASE)。
3、按下 Cmd+K, Cmd+L 切换为小写(lower_case)。
4、按下 Cmd+K, Cmd+C 切换为首字母大写(PascalCase)。
5、按下 Cmd+K, Cmd+T 切换为驼峰式(camelCase)。
三、通过命令面板调用转换功能
当快捷键冲突或需查看全部选项时,可通过命令面板精确选择目标格式,避免误操作。
1、选中目标文本,按下 Cmd+Shift+P 打开命令面板。
2、输入 Change Case:,列表将显示全部可用转换项。
3、选择 snake_case 将 userProfileData 转为 user_profile_data。
4、选择 kebab-case 将其转为 user-profile-data。
5、选择 dot.case 将其转为 user.profile.data。
四、自定义快捷键映射
VSCode 允许用户重映射插件命令,以适配个人习惯或规避系统级快捷键冲突。
1、按下 Cmd+, 打开设置界面。
2、点击右上角的“打开设置(JSON)”图标。
3、在 JSON 文件中添加如下键值对:
"key": "cmd+k cmd+s", "command": "changeCase.snakeCase", "when": "editorTextFocus"
4、保存文件后,即可使用 Cmd+K, Cmd+S 直接执行 snake_case 转换。
五、处理多光标与跨行文本
插件原生支持多光标编辑场景,可在一次操作中同步转换多个不连续变量名,提升批量重构效率。
1、按住 Option 键并点击多个变量位置,创建多个光标。
2、确保所有光标均落在待转换的标识符内部(如 userName 中的任意字符位置)。
3、按下 Cmd+K, Cmd+C,所有选中变量同时转为 PascalCase。
4、若某光标位于空格或符号处,该位置将被自动忽略,不影响其余转换。
5、对跨行变量列表(如导出对象属性),可先使用 Cmd+Alt+↓ 添加下一行光标,再统一执行转换。










