vue3+vite配置项目运行前eslint检查以及git提交前eslint检查的方案总结

vue3+vite配置项目运行前eslint检查以及git提交前eslint检查的方案总结

1.需求背景

• 最近在新项目搭建过程中有这样一个需求：由于是团队协同开发，所以在开发是代码规范是一个很重要的环节，团队之间的代码规范统一能够避免很多的bug产生，同时也便于开发团队阅读和维护代码。而保证代码规范的一个前提就是要在运行项目时以及git代码提交时把问题和异常抛出来，并且要阻止异常代码的运行以及提交，新项目中我主要使用的是eslint工具来约束代码规范，下面是配置项目运行前eslint检查以及git提交前更改文件代码的eslint检查的方案。

解决方案

• 首先，配置项目运行前的eslint检查，如果有异常阻止运行，并且把异常的代码抛出来。

• 
  // 1.安装 vite-plugin-eslint 插件：
  npm install vite-plugin-eslint --save --dev
  
  // 2.前往 vite.config.js，进行以下配置：
  import eslintPlugin