如何把camelCase转换为kebab-case
即时把camelCase命名转换为kebab-case。输入或粘贴变量名、函数名或列名，输入时即可看到kebab-case的写法。
- 在上方输入框中输入或粘贴一个camelCase名称，例如 mainNavItem。
- kebab-case写法立即显示：mainNavItem 变为 main-nav-item。
- 复制结果，或在源和目标中从 17 种命名风格里选择。
转换原理
转换器先把名称拆成单词：在每个大写字母、下划线、连字符、句点和空格处断开。然后按kebab-case重新书写：所有单词小写，用连字符连接。像 HTTP 这样连续的大写字母会作为一个单词保留，数字则跟随它前面的单词。
camelCase转kebab-case示例
| camelCase | kebab-case |
|---|---|
getUserById | get-user-by-id |
firstName | first-name |
parseHTTPResponse | parse-http-response |
isValid | is-valid |
totalPriceUsd | total-price-usd |
address2Line | address2-line |
什么是camelCase和kebab-case
camelCase 第一个单词小写，后面每个单词首字母大写，中间没有分隔符。它是 JavaScript、Java、C# 和 Swift 中变量和函数命名的标准。
kebab-case 把所有单词写成小写并用连字符连接，常用于 URL、CSS 类名、HTML 属性和文件名。
常见问题
HTTP、ID 这类缩写会怎样处理？
连续的大写字母被当作一个单词，所以 parseHTTPResponse 在 snake_case 中会变成 parse_http_response。
这会改变代码的含义吗？
不会，只是改写名称。记得在所有用到这个名称的地方一起修改，否则代码会去找旧名称。
应该用哪种风格？
遵循你所用语言或项目的约定：JavaScript 和 Java 用 camelCase，Python、Ruby 和 SQL 用 snake_case，URL 和 CSS 用 kebab-case。
这个工具免费吗？
是的，完全免费。无需注册或电子邮箱。结果直接显示在本页。
如何获取结果？
在此页面使用工具即可查看结果，无需通过电子邮件接收。