git commit 代码提交规范

1. 创建vue新项目

vue create hello

2. 安装代码格式化工具 文档

yarn add --dev --exact prettier  

• 创建的 json 配置的文件(根据自己需求去配置参数)

echo {}> .prettierrc.json

3. 提交代码自动格式化代码 文档

npx mrm lint-staged  

查看packgae.json代码，发现多了部分代码

  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  },
  "lint-staged": {
    "*.js": "eslint --cache --fix",
    "*.{js,css,md}": "prettier --write"   //  增加你的文件类型，如：ts,tsx
  }

4. 增加代码commit的msg验证

• 安装 文档

yarn add @commitlint/{config-conventional,cli} 

• 生成配置文件 文档

 echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js

• 在package.json的文件中添加代码

    "husky": {
        "hooks": {
            "pre-commit": "lint-staged",
            "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"  // 增加此行代码
        }
    },

5. 测试代码

• commit的信息规则填写不对，无法提交
  
• 正确的提交姿势
  

具体的commit的msg规则见 文档