8 种命名风格 · 逐行转换
Kebab Case 命名转换器(Kebab Case Converter)
把单词、短语或变量名转成 kebab-case、snake_case、camelCase、PascalCase、CONSTANT_CASE、dot.case、Title Case 或 Sentence case。像 XMLHttpRequest 这样的缩写也能正确拆开。
- 100% 浏览器本地运行
- 免费,无需注册
- 8 种格式
在浏览器本地处理 · 不上传任何内容
转换为
「Hello World Example」的全部格式
- kebab-case
hello-world-example - snake_case
hello_world_example - camelCase
helloWorldExample - PascalCase
HelloWorldExample - CONSTANT_CASE
HELLO_WORLD_EXAMPLE - dot.case
hello.world.example - Title Case
Hello World Example - Sentence case
Hello world example
这个 Kebab Case 命名转换器能把任意一组单词、短语或变量名,转成 kebab-case、snake_case、camelCase、PascalCase、CONSTANT_CASE、dot.case、Title Case 或 Sentence case。不管你要给数据库字段做 snake_case 转换,还是给代码做 camelCase 转换,它都能正确拆分驼峰写法和缩写,逐行处理,全部在你的浏览器里完成。
命名风格一览
kebab-case
user-profile-settings
URL、CSS 类名、文件名
snake_case
user_profile_settings
Python 变量、数据库字段
camelCase
userProfileSettings
JavaScript 变量和函数
PascalCase
UserProfileSettings
类、React 组件、类型
CONSTANT_CASE
USER_PROFILE_SETTINGS
常量和环境变量
dot.case
user.profile.settings
配置键、翻译键
Title Case
User Profile Settings
标题和页面标题
Sentence case
User profile settings
界面标签和按钮
什么时候用 kebab-case
kebab-case 是 URL slug、CSS 类名、HTML 属性和很多文件名的标准写法,因为连字符好读,搜索引擎也把它当作单词分隔符。只要名字会出现在 URL 里,就用 kebab-case。如果需要带停用词和音译处理的完整 slug,请用 URL Slug 生成器。各种风格在代码里分别用在哪,请看 kebab-case、snake_case 与 camelCase 对比。
FAQ
常见问题
什么是 kebab-case?
kebab-case 把单词全部小写,再用连字符连起来,比如 user-profile-settings。名字来自烤肉串(kebab):单词就像串在一根签子上。
kebab-case 和 snake_case 有什么区别?
kebab-case 用连字符连接单词(user-profile-settings),snake_case 用下划线(user_profile_settings)。URL 里更推荐连字符,代码和数据库里常用下划线。
转换器怎么拆分 camelCase 单词?
它会在空格、标点、小写变大写的位置以及缩写结尾处拆开,所以 XMLHttpRequest 会变成 xml-http-request。
能一次转换很多行吗?
能。每一行单独转换,转换结果可以一键全部复制。
「去掉重音」是做什么的?
它把带重音的字母变成普通拉丁字母,所以 Crème Brûlée 会变成 creme-brulee。关闭它就会保留重音。
URL 用 camelCase 还是 kebab-case 更好?
kebab-case 更好。Web 服务器可能区分 URL 的大小写,而搜索引擎会把连字符当作自然的单词分隔符,所以 kebab-case 更好读,也更容易被收录。
