使用eslint+prettier来构建前端项目提交规范

前端项目规范化的背景

团队多人协同开发，为了保证代码质量，对代码制定规范化的标准是必须的，在此分享下，目前我们的项目采用的规范化手段

一、代码校验以及提交过程中的配置

1. 在package.json中配置pre-commit
   pre-commit钩子可以在 git commits 之前运行一段脚本，比如在commit代码之前运行eslint，校验失败则代码提交失败，校验成功则允许提交代码，这里我们设置一组规则lint-staged，在commit之前运行该规则。

   "pre-commit": [
           "lint-staged"
      ],
   

2. 在package.json中配置lint-staged
   lint-staged主要是为了保证，每次只对当前修改后的文件进行扫描，即进行git add加入到stage区的文件进行扫描即可，完成对增量代码进行检查。如何实现呢？这里就需要依赖lint-staged包，使用到lint-staged工具来识别被加入到stage区文件。

    "lint-staged": {
           "{src,routes}/**/*.{js,jsx,ts,tsx}": [
               "eslint",
               "prettier --write",
               "git add"
           ]
       },
   

3. prettier 配置文件
   prettier配置可