变量命名风格怎么统一?六种写法一次转换

前端字段用 camelCase、数据库列用 snake_case、文章链接用 kebab-case slug——同一个名字经常要在风格之间切换。一次粘贴,六种结果同时给出。

最近更新:2026年8月13日

需要马上处理?使用 命名风格转换 ,浏览器本地完成,不上传服务器。

打开命名风格转换

六种风格各自用在哪里?

camelCase 是 JavaScript 变量与 JSON 字段的主流写法;PascalCase 用于类名与组件名;snake_case 常见于数据库列与 Python 代码。

kebab-case 适合 CSS 类名与 URL;UPPER_SNAKE_CASE 用于常量与环境变量;slug 则是 URL 友好的小写连字符形式。

拆词规则与多行批量

工具按空格、下划线、中划线等非字母数字字符拆词,同时识别驼峰边界:UserProfileCard 也能正确拆成三个词。

一次粘贴多行会逐行转换,每种风格都有「复制全部」按钮,适合整理一批字段名。

中文名称怎么办?

拆词只处理英文与数字,中文会被忽略。需要拼音形式时,可先用「汉字转拼音」得到拼音,再来转换风格。

转换结果不含任何网络请求,内部代号也可以放心粘贴。

操作步骤

  1. 打开「命名风格转换」
  2. 粘贴一行或多行名称
  3. 在六种结果卡片中找到目标风格
  4. 点击卡片复制单个,或用按钮按风格复制全部

常见问题

slug 和 kebab-case 有什么区别?

在本工具中两者输出一致,都是小写连字符形式;slug 强调用于 URL 场景。

数字开头会影响转换吗?

不会。数字作为普通单词参与拼接,例如 version2 beta 会得到 version2Beta 等结果。

内容会上传到服务器吗?

不会。全部转换在浏览器本地完成。