Skip to main content

VSCode快速实现单词大小写转换

用VSCode进行代码开发,有时需要进行单词的大小写转换,如果能够通过快捷键快速完成大小写转换的话,将会非常方便。在 VSCode 中,默认没有直接绑定“单词大小写转换”的快捷键,但可以通过以下方式实现:

1. 使用命令面板(最通用)

Ctrl+Shift+P(Mac: Cmd+Shift+P),输入以下命令之一:

  • 转换为大写Transform to Uppercase
  • 转换为小写Transform to Lowercase

选中文本后执行即可。

说明: 此方法除了支持大小写转换,还支持多种命名约定的转换:

  • Transform to Pascal Case:
    • 风格: 帕斯卡命名法(或大驼峰命名法)
    • 效果:每个单词首字母大写,并拼接在一起(无空格/分隔符)。
    • 示例hello worldHelloWorld
    • 用途:类名、命名空间、TypeScript 的 interface/enum 命名。
  • Transform to Title Case:
    • 风格: 标题命名法
    • 效果:每个单词首字母大写,通常保留空格(按英文标题规范,部分短词可能小写,但 VSCode 基础版多为全首字母大写)。
    • 示例hello worldHello World
    • 用途:文章标题、Markdown 标题、UI 标签文本。
  • Transform to Kebab Case:
    • 风格: 烤肉串命名法(或脊柱命名法、连字符命名法)
    • 效果:单词全小写,用连字符 - 连接。
    • 示例hello worldhello-world
    • 用途:URL slug、CSS 类名、JSON 键名、现代前端项目中的文件名。
  • Transform to Snake Case:
    • 风格: 蛇形命名法
    • 效果:单词全小写,用下划线 _ 连接。
    • 示例hello worldhello_world
    • 用途:Python/Ruby 变量名、数据库字段名、配置文件键名。
  • Transform to Camel Case:
    • 风格: 驼峰命名法(特指小驼峰命名法)
    • 效果:首个单词首字母小写,后续单词首字母大写,无分隔符
    • 示例hello worldhelloWorld
    • 用途:JavaScript/Java 变量名、函数名、方法名。

2. 手动添加快捷键(推荐)

打开快捷键设置(Ctrl+K Ctrl+SCmd+K Cmd+S),搜索 uppercase / lowercase,右键添加自定义快捷键,例如:

  • 大写:Ctrl+Shift+U(或 Ctrl+K Ctrl+U
  • 小写:Ctrl+Shift+L(或 Ctrl+K Ctrl+L

3. 常用插件(可选)

  • Change Case:提供更多转换类型(驼峰、下划线等),默认快捷键如 Ctrl+Shift+PChange Case 选择。
  • VS Code 内置:上述命令已覆盖基本需求,无需额外插件。