vue2+webpack+vue-router项目搭建--提升篇（添加eslint代码巡检）

提升篇-添加eslint代码巡检

---

江湖梦，梦江湖
每一块混迹于码农界的‘水泥’都是一个侠客，快意恩仇、恣意纵横、笑傲江湖，能上九天揽月、能下五洋捉鳖…

添加代码巡检（即代码校验，eslint、jslint、jshint等）有两种方式，一种是写shell脚本，一种是安装pre-commit库。
本项目中应用的是后者。

安装流程（本次使用的是eslint校验）

1. 全局安装eslint，并且安装其他巡检包
   npm i eslint -g
npm i eslint eslint-plugin-html babel-eslint --save-dev
2. eslint初始化，按项目或是编写风格回答相关问题，以完成初始化
   eslint --init
3. 编辑.eslintrc.js文件，定义相关校验规则
4. 之后选择巡检方式

安装pre-commit库来添加代码巡检

4.1. 安装pre-commit
npm i pre-commit --save-dev
4.2. 在package.json文件中的scripts下增加相关命令，如：
"lint": "eslint --ext .vue,.js ./src",