nuxt3初始化项目后配置eslint+prettier

1、安装 eslint 、eslint-config-prettier、eslint-plugin-prettier、prettier

arn add eslint eslint-config-prettier eslint-plugin-prettier prettier -D

• eslint-config-prettier：关闭eslint中与prettier相互冲突的规则。
• eslint-plugin-prettier：赋予eslint用prettier格式化代码的能力。（eslint-plugin-prettier - npm (npmjs.com)）

2、新建.eslintrc文件或者初始化eslintrc文件

{
    "extends": [
      "@nuxtjs/eslint-config",
      "@nuxtjs/eslint-config-typescript",
      "plugin:prettier/recommended"
    ]
}

 3、新建prettier.config.js或者初始化prettier配置文件（我这边知识随便配置了几个做测试）

{
    "semi": false,
    "singleQuote": true
}

3、新建文件夹.vscode/settings.json文件

{
  
  "eslint.enable": true, // eslint生效
  "prettier.enable": true,
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.prettier": true,
    "source.fixAll.eslint": true
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
}

现在打开一个vue文件保存试试