Skip to content

命名规范

在为一个资源起名称的时候,应该本着描述性以及唯一性这两大特征来命名,才能保证资源之间不冲突,并且每一个都便于记忆。命名规范要望文知义,简单明了。

文件夹:全部英文小写字母 + 数字或连接符 -

命名严谨性

代码中的命名严禁使用拼音与英文混合的方式,更不允许直接使用中文的方式

说明:正确的英文拼写和语法可以让阅读者易于理解,避免歧义。注意,即使纯拼音命名方式也要避免采用。

  • 正例:henanluoyangrmb 等国际通用的名称,可视同英文。
  • 反例:DaZhePromotion [打折] 、getPingfenByName [评分]

项目命名

全部采用小写方式, 以中划线 - 分隔:

  • 正例:my-project
  • 反例:my_projectmyProject

目录命名

参照项目命名规范。有复数结构时,要采用复数命名法,缩写不用复数:

  • 正例:scriptsstylescomponentsimagesutilsdemo-stylesdemo-scriptsimg
  • 反例:scriptstyledemo_scriptsdemoStylesimgs

文件命名

JS、CSS、Less、SCSS、HTML、图片文件命名

采用小写方式, 以 - 分隔:

  • 正例:render-dom.jsreset.cssindex.htmlcompany-logo.png
  • 反例:UserManagement.html

vue、jsx、tsx 文件命名 可能有争议

采用小写方式, 以-分隔:

  • 正例:index.vueindex.jsxindex.tsxhello-world.vuehello-world.tsx
  • 反例:UserManagement.vue

NPM 包规范

CSS 规范

JS 规范

HTML 规范

Git 规范

开发流程

  1. 从保护分支(通常是 main)创建新的功能分支
  2. 在新分支上进行开发
  3. 提交 Pull Request 到目标分支
  4. 等待 Code Review 和 CI 通过
  5. 合并到目标分支

分支命名规范

  • 功能开发:feat/description-of-feature
    • 例如:feat/add-dark-mode
    • 例如:feat/improve-table-performance
  • 问题修复:fix/issue-number-or-description
    • 例如:fix/button-style-issue
    • 例如:fix/issue-1234
  • 文档更新:docs/what-is-changed
    • 例如:docs/update-api-reference
    • 例如:docs/fix-typos
  • 代码重构:refactor/what-is-changed
    • 例如:refactor/button-component
    • 例如:refactor/remove-deprecated-api
  • 样式修改:style/what-is-changed
    • 例如:style/update-button-tokens
    • 例如:style/improve-mobile-layout
  • 测试相关:test/what-is-changed
    • 例如:test/add-button-test
    • 例如:test/improve-coverage
  • 构建相关:build/what-is-changed
    • 例如:build/upgrade-webpack
    • 例如:build/fix-ts-config
  • 持续集成:ci/what-is-changed
    • 例如:ci/add-e2e-test
    • 例如:ci/fix-deploy-script
  • 性能优化:perf/what-is-changed
    • 例如:perf/optimize-render
    • 例如:perf/reduce-bundle-size
  • 依赖升级:deps/package-name-version
    • 例如:deps/upgrade-react-19
    • 例如:deps/update-dependencies

分支命名注意事项

  1. 使用小写字母
  2. 使用连字符(-)分隔单词
  3. 简短但具有描述性
  4. 避免使用下划线或其他特殊字符
  5. 如果与 Issue 关联,可以包含 Issue 编号

Pull Request 规范

PR 标题

  • PR 标题始终使用英文
  • 遵循格式:类型: 简短描述
  • 例如:fix: fix button style issues in Safari browser
  • 例如:feat: add dark mode support

PR 内容

  • PR 内容默认使用英文
  • 尽量简洁清晰地描述改动内容和目的
  • 可以视需要在英文描述后附上中文说明

PR 提交注意事项

  1. 审核流程

    • PR 需要由至少一名维护者审核通过后才能合并
    • 确保所有 CI 检查都通过
    • 解决所有 Code Review 中提出的问题
  2. PR 质量要求

    • 确保代码符合项目代码风格
    • 添加必要的测试用例
    • 更新相关文档
    • 大型改动需要更详细的说明和更多的审核者参与
  3. 工具标注

    • 如果是用 Cursor 提交的代码,请在 PR body 末尾进行标注:> Submitted by Cursor