# 开发规范
适用于Vue 2.x
# 组件名字
kebab-case风格,小写或小写+“-”分隔, 如:button,button-group
# 文件和目录命名
所有文件(js、css,图片,vue等等)、目录命名,遵循
组件名字命名方式,
# vue风格指南 (已集成eslint-plugin-vue)
其他规范可参考,vue官方推荐的风格指南 — Vue.js (opens new window)
# Commit message
Header部分只有一行,包括三个字段:
type(必需)、scope(可选)和subject(必需)。
feat:新功能(feature)
fix:修补bug
docs:文档(documentation)
style: 格式(不影响代码运行的变动)
refactor:重构(即不是新增功能,也不是修改bug的代码变动)
test:增加测试
chore:构建过程或辅助工具的变动
wip: 开发中 work in process
- https://github.com/vitejs/vite/blob/main/.github/commit-convention.md
# CSS规范--BEM
BEM是由Yandex公司推出的一套CSS命名规范,官方是这么描述它的:
BEM是一种让你可以快速开发网站并对此进行多年维护的技术。
一开始,Yandex公司推出的BEM,包括了规范以及其配套构建工具。如今提到的BEM主要是指其中的规范,在BEM最新的推广页中,对其的描述为:
BEM是一种命名方法,能够帮助你在前端开发中实现可复用的组件和代码共享。