Slug Generator

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 更好读,也更容易被收录。

要的是网址,而不是变量名?

URL Slug 生成器在 kebab-case 的基础上,还有停用词、音译和长度上限。