从0到1，带你搭建Vite+Vue3+Pinia+Naive UI后台（二） - 配置篇（下）

配置篇

配置篇分上中下三部分，本篇主要介绍eslint+prettier

1. 环境配置 + vite配置
2. 插件配置
3. eslint+prettier配置

集成eslint

一、安装vscode插件 eslint

二、安装依赖：eslint、eslint-plugin-vue

pnpm i eslint eslint-plugin-vue -D
复制代码

三、在项目根路径下新建文件 .eslintrc.js

.eslintrc.js

module.exports = {
  root: true,
  extends: ['plugin:vue/vue3-recommended'],
  rules: {
    'vue/valid-template-root': 'off',
    'vue/no-multiple-template-root': 'off',
    'vue/multi-word-component-names': [
      'error',
      {
        ignores: ['index'],
      },
    ],
  },
}
复制代码

点开 App.vue 会看到出现了很多警告或者错误，说明eslint已经生效了