功能说明
把一段文本一次性转换成十种命名风格:camelCase、PascalCase、snake_case、kebab-case、CONSTANT_CASE、slug、Title Case、Sentence case、UPPER 和 lower。点选一个风格标签,文本就用该风格重新渲染。短的单行结果以大字号呈现;长的或多行的结果渲染在输出框里。分享链接同时携带风格和文本,因此你可以发送一个精确的现场。
使用方法
- 在输入框中输入或粘贴文本。
- 点击顶部十个风格标签中的一个。
- 读取转换结果。短结果大字渲染;长或多行结果渲染在输出框里。
- 复制结果,或复制分享链接,用你选好的风格和文本重新打开工具。
示例
输入 hello world,工具提供的每种风格:
| 风格 | 结果 |
|---|---|
| camelCase | helloWorld |
| PascalCase | HelloWorld |
| snake_case | hello_world |
| kebab-case | hello-world |
| CONSTANT_CASE | HELLO_WORLD |
| slug | hello-world |
| Title Case | Hello World |
| Sentence case | Hello world |
| UPPER | HELLO WORLD |
| lower | hello world |
slug 和 kebab-case 在这里产出相同的字符串。区别在于用途:slug 是 URL 片段,kebab-case 是标识符约定。
文本命名风格如何工作
每种约定都是一条连接单词的规则,加一条大小写规则:
| 约定 | 连接 | 大小写 | 用在哪里 |
|---|---|---|---|
| camelCase | 无 | 首词小写,其余首字母大写 | JavaScript / TypeScript 变量、函数 |
| PascalCase | 无 | 每词首字母大写 | 类、React 组件、TypeScript 类型 |
| snake_case | 下划线 | 全小写 | Python 标识符、SQL 列名和表名 |
| kebab-case | 连字符 | 全小写 | CSS 类、自定义 HTML 属性、包名 |
| CONSTANT_CASE | 下划线 | 全大写 | 环境变量、枚举值、配置键 |
| slug | 连字符 | 全小写 | URL 路径片段 - 也就是 Slugify 的产物 |
其余四种(Title、Sentence、UPPER、lower)格式化的是正文而不是标识符:标题、首行、呐喊、归一化。
工具如何找出单词。 它按空白、下划线、连字符和点号切分输入,并在小写到大写的边界处断开 camelCase(helloWorld 变成 hello + World)。符号被丢弃,所以 hello, world! 和 Hello World 都转换为同一个 helloWorld。粘贴任何混合输入,十个输出都来自同一个单词表 - 只有连接和大小写规则不同。
为什么团队给每个表面固定一种风格。 一个在三层代码里分别写 user-id、userId、user_id 的代码库,会让每个边界都成为翻译 bug。上面的表格是事实上的地图:为每个表面一次性选定风格,转换就变成机械操作。
补充说明
- 单词切分是有损的。 标点被丢弃,不被保留:
hello, world!产出helloWorld,没有逗号。 - 数字视同字母。
version 2像任何单词一样转换为version2/VERSION_2。 - 私密: 所有转换在浏览器本地运行,不向任何地方发送内容。
- 相关工具: Slugify、字数统计器。