ESlint使用指南

ESlint的配置和使用

1. ESlint的安装和初始化

npm install eslint --save-dev

npx eslint --init

按需选择，推荐使用standard作为基础规则

在package.json中配置验证脚本

"lint": "eslint ./src/**/*.{js,jsx,vue} --fix",

2. 在编辑器中集成ESlint

• 提示不符合规范的错误

• 卸载/禁用vetur插件

• 安装ESlint插件

• 只要安装并且启用了这个插件就会自动查找项目中的eslint配置规范，并且给出验证提示

• 手动配置eslint格式化

• 安装volar插件

3. 在git commit时集成eslint校验 git地址

• 安装

npx mrm@2 lint-staged

• 配置

"prepare": "husky install"

 "lint-staged": {
    "*.{js,jsx,vue}":[
      "npm run lint",
      "git add"
    ]
  }

4. 在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
    })]
})