vue项目实现代码统一风格

问题：由于每个人的IDE格式化不一致，导致提交的代码格式各异，在有冲突时可能会出现整个文件的冲突

解决：
1，在创建vue项目时添加eslint或者已有项目再单独添加eslint
再package.json里

 "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

这时，只要再提交代码前 npm run lint就会根据eslint规则去修改代码格式

2.当然如果你觉得每次修改一个文件就给所有文件执行一次lint检查麻烦的话
在CLI服务下有一个Git Hook

在安装之后，@vue/cli-service 也会安装 yorkie，它会让你在 package.json 的 gitHooks
字段中方便地指定 Git hook：

{
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
   "lint-staged": {
    "*.{js,vue}": [
      "vue-cli-service lint",
      "git add"
    ]
  }
}

3.也可以单独安装lint-staged

//npx  是最新npm自带的
npx mrm lint-staged

它将根据package.json依赖项中的代码质量工具来安装和配置husky和lint-staged，因此请确保在此之前安装（npm install --save-dev）并配置所有代码质量工具，如Prettier和ESlint。
安装成功后在package.json会出现这段代码

 "lint-staged": {
    "*.{js,vue}": [
      "vue-cli-service lint",
      "git add"
    ],
    "*.js": "eslint --cache --fix"
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  }

这样在每次git commit代码是会自动修改代码格式

注意:
经测试,用vue create xxx 创建的vue项目,配置eslint后 npm run lint 可以格式化html,
而vue ui 创建的 npm run lint 只能格式化js部分