下划线&驼峰转换

即时在snake_case、camelCase、PascalCase、kebab-case和CONSTANT_CASE之间转换。适用于代码重构、变量命名、API响应转换和跨编程语言标准化命名约定。

下划线&驼峰转换 工具介绍

专业的命名格式转换工具,可即时在编程中使用的不同命名约定之间转换文本。一键将snake_case转换为camelCase、PascalCase转换为kebab-case等。对于跨多种编程语言和编码标准工作的开发者至关重要。

非常适合开发者重构代码、转换API响应、标准化变量名、在框架之间迁移、适应不同的风格指南以及处理不同编程语言约定。该工具智能解析您的输入并同时转换为所有主要命名格式。

我们的转换器处理包含多个单词的复杂标识符,在适当时保留首字母缩写,并提供即时转换为所有五种主要命名约定。无论您是转换数据库列名、JavaScript变量、CSS类还是配置键,此工具都能简化您的工作流程。

所有处理都在您的浏览器本地进行,不传输任何数据。您的代码和变量名完全私密和安全。

下划线&驼峰转换 使用教程

快速入门

使用命名格式转换器简单高效:

基本使用

  1. 输入文本:输入或粘贴要转换的标识符
  2. 查看所有格式:查看即时转换为所有命名约定
  3. 复制结果:点击所需格式旁边的复制按钮
  4. 在代码中使用:将转换后的标识符粘贴到您的项目中

支持的命名约定

驼峰命名(camelCase)

第一个单词小写,后续单词首字母大写,无分隔符:

  • 格式:firstSecondThird
  • 使用场景:JavaScript、Java、TypeScript变量和方法
  • 示例:getUserName、calculateTotalPrice
  • 常用于:变量名、函数名、对象属性

帕斯卡命名(PascalCase)

所有单词首字母大写,无分隔符(也称为大驼峰命名):

  • 格式:FirstSecondThird
  • 使用场景:C#、Java、TypeScript类和组件
  • 示例:UserProfile、ShoppingCart、DatabaseConnection
  • 常用于:类名、组件名、类型名

下划线命名(snake_case)

所有小写,单词之间用下划线分隔:

  • 格式:first_second_third
  • 使用场景:Python、Ruby、数据库列名
  • 示例:user_name、total_price、created_at
  • 常用于:Python变量、数据库字段、文件名

短横线命名(kebab-case)

所有小写,单词之间用连字符分隔(也称为破折号命名):

  • 格式:first-second-third
  • 使用场景:CSS类、HTML属性、URL
  • 示例:user-profile、main-content、nav-bar
  • 常用于:CSS类名、URL路径、HTML ID

常量命名(CONSTANT_CASE)

所有大写,单词之间用下划线分隔(也称为尖叫蛇形命名):

  • 格式:FIRST_SECOND_THIRD
  • 使用场景:大多数编程语言中的常量
  • 示例:MAX_SIZE、API_KEY、DEFAULT_TIMEOUT
  • 常用于:常量、环境变量、配置键

常见用例

代码重构

  • 语言迁移:在语言之间移植代码时转换命名
  • 风格指南合规:标准化名称以匹配团队约定
  • 框架迁移:切换框架时调整名称
  • 遗留代码更新:现代化旧的命名约定

API开发

  • 请求/响应映射:在前端和后端命名之间转换
  • 数据库到API:将snake_case数据库字段转换为camelCase JSON
  • GraphQL模式:将字段名转换为GraphQL约定
  • REST端点:使用kebab-case格式化URL路径

前端开发

  • CSS到JavaScript:将kebab-case CSS转换为camelCase JS
  • 组件属性:标准化React/Vue中的prop命名
  • 状态管理:在格式之间转换action名称
  • HTML属性:将data属性转换为JavaScript

数据库工作

  • ORM映射:在数据库和模型命名之间转换
  • 迁移脚本:将列重命名为新约定
  • 查询构建:为查询转换字段名
  • 模式设计:规划跨表的一致命名

特定语言约定

JavaScript/TypeScript

  • 变量和函数:camelCase(getUserData)
  • 类和接口:PascalCase(UserProfile)
  • 常量:CONSTANT_CASE(MAX_RETRIES)
  • 文件名:kebab-case或camelCase

Python

  • 变量和函数:snake_case(get_user_data)
  • :PascalCase(UserProfile)
  • 常量:CONSTANT_CASE(MAX_RETRIES)
  • 模块名:snake_case

Java/C#

  • 变量和方法:camelCase(getUserData)
  • 类和接口:PascalCase(UserProfile)
  • 常量:CONSTANT_CASE(MAX_RETRIES)
  • :lowercase(com.example.app)

CSS/HTML

  • 类名:kebab-case(user-profile)
  • ID:kebab-case(main-content)
  • 自定义属性:kebab-case(--primary-color)
  • Data属性:kebab-case(data-user-id)

最佳实践

选择正确的格式

  • 遵循语言约定:使用编程语言的标准
  • 保持一致:在项目中坚持一种约定
  • 考虑上下文:代码的不同部分可能使用不同的约定
  • 团队标准:遵循团队的风格指南

转换技巧

  • 一次转换一个标识符以确保准确性
  • 审查转换后的名称以确保可读性
  • 适当保留首字母缩写(API、URL、ID)
  • 在IDE中使用查找和替换进行批量转换

常见模式

  • 数据库→API:snake_case → camelCase
  • CSS→JavaScript:kebab-case → camelCase
  • 配置→代码:CONSTANT_CASE → camelCase
  • URL→变量:kebab-case → camelCase

核心功能

  • 即时转换:同时查看所有格式
  • 五种主要格式:涵盖所有常见命名约定
  • 智能解析:智能检测单词边界
  • 一键复制:单击即可复制任何格式
  • 无长度限制:转换任意长度的标识符
  • 隐私保护:所有处理都在本地进行
  • 开发者友好:为编码工作流程设计
  • 免费使用:无需注册

使用技巧

  • 重构代码到新命名标准时使用此工具
  • 转换API响应键以匹配前端约定
  • 在数据库、后端和前端之间生成一致的命名
  • 从JavaScript组件名创建CSS类名
  • 将环境变量名转换为代码常量
  • 用于在不同约定中生成文件名
  • 学习新编程语言时很有帮助
  • 非常适合代码审查以建议命名改进

示例

示例1:API字段转换

输入:user_profile_image

  • 驼峰命名:userProfileImage
  • 帕斯卡命名:UserProfileImage
  • 短横线命名:user-profile-image
  • 常量命名:USER_PROFILE_IMAGE

示例2:组件名称

输入:shopping-cart-item

  • 驼峰命名:shoppingCartItem
  • 帕斯卡命名:ShoppingCartItem
  • 下划线命名:shopping_cart_item
  • 常量命名:SHOPPING_CART_ITEM

常见问题

下划线&驼峰转换 - DevToolBox