ESlint的配置和使用
ESlint的安装和初始化
npm install eslint --save-dev
npx eslint --init
按需选择,推荐使用standard作为基础规则
在package.json中配置验证脚本
"lint": "eslint ./src/**/*.{js,jsx,vue} --fix",
在编辑器中集成ESlint
提示不符合规范的错误
卸载/禁用vetur插件
安装ESlint插件
只要安装并且启用了这个插件就会自动查找项目中的eslint配置规范,并且给出验证提示
手动配置eslint格式化
![](https://i-blog.csdnimg.cn/blog_migrate/4636df352e63e065984c0abac5e8d187.png)
安装volar插件
在git commit时集成eslint校验 git地址
安装
npx mrm@2 lint-staged
配置
"prepare": "husky install"
"lint-staged": {
"*.{js,jsx,vue}":[
"npm run lint",
"git add"
]
}
在vite中使用eslint校验 git
在开发和打包时使用eslint校验代码
npm install eslint vite-plugin-eslint --save-dev
# or
yarn add eslint vite-plugin-eslint -D
在vite.config.js中配置
import { defineConfig } from 'vite'
import eslint from 'vite-plugin-eslint'
export default defineConfig({
plugins: [eslint({
// 禁用缓存
cache: false
})]
})