vite2 设置standard ESLint

话不多说，直接干活

安装 eslint、prettier及其依赖

npm i eslint eslint-plugin-vue @vue/eslint-plugin-standard eslint-plugin-node eslint-plugin-promise  @vue/cli-plugin-babel eslint-plugin-import @vue/eslint-config-standard @vue/eslint-config-prettier prettier vite-plugin-eslint babel-eslint -D

项目根目录创建 .eslintrc.js 配置如下：

module.exports = {
  root: true,
  env: {
    node: true,
  },
  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/standard', '@vue/prettier'], // "@vue/prettier"
  parserOptions: {
    parser: 'babel-eslint',
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'prettier/prettier': [
      'error',
      {
        semi: false, // 禁止结束符号 “;”
      },
    ],
  },
}

项目根目录创建 prettier.config.js 配置如下：

module.exports = {
  printWidth: 120, // 每行代码长度（默认80）
  tabWidth: 2, // 每个tab相当于多少个空格（默认2）
  useTabs: false, // 是否使用tab进行缩进（默认false）
  singleQuote: true, // 使用单引号（默认false）
  semi: false, // 声明结尾使用分号(默认true)
  trailingComma: 'es5', // 多行使用拖尾逗号（默认none）
  bracketSpacing: true, // 对象字面量的大括号间使用空格（默认true）
  arrowParens: 'avoid', // 只有一个参数的箭头函数的参数是否带圆括号（默认avoid）
}

在vite.config.js(项目根目录下的vite.config.js)中加载plugins，配置如下：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import eslintPlugin from 'vite-plugin-eslint'

export default defineConfig({
  plugins: [
    vue(),
    eslintPlugin({
      include: ['src/**/*.vue', 'src/**/*.js'],
    }),
  ],
  // 设置别名
  resolve: {
    alias: {
      '@': path.resolve(__dirname, 'src'),
    },
  },
  open: true,
})

最后重启编辑器