VSCode的Change Case插件:快速切换变量命名风格

5次阅读

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

VSCode 的 Change 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_caseuserProfileData 转为 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+↓ 添加下一行光标,再统一执行转换。

星耀云
版权声明:本站原创文章,由 星耀云 2026-01-08发表,共计1351字。
转载说明:转载本网站任何内容,请按照转载方式正确书写本站原文地址。本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。