eslint + vscode 配置vue3.0 + typescript

vscode seetings.json 配置：

{

    "explorer.confirmDragAndDrop": false,

    "[vue]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

    },

    "[typescript]": {

        "editor.defaultFormatter": "esbenp.prettier-vscode"

    },

    //代码保存时，自动执行ESlint格式化代码

    "editor.codeActionsOnSave": {

        "source.fixAll.eslint": true,

    },

    // 添加vue支持

"eslint.validate": [

    "javascript",

    "typescript",

    "vue",

    "html"

],

"cssrem.rootFontSize": 384,

}

 

 .eslintrc.js 文件：

/*

 * @Description:

 * @Author: wwf

 * @Date: 2021-12-14 18:34:54

 * @LastEditors: wwf

 * @LastEditTime: 2021-12-15 19:42:13

 */

module.exports = {

  root: true,

  env: {

    node: true,

  },

  extends: [

    "plugin:vue/vue3-essential",

    "eslint:recommended",

    "@vue/typescript/recommended",

    "@vue/prettier",

    "@vue/prettier/@typescript-eslint",

    // "@react-native-community"y

  ],

  parserOptions: {

    ecmaVersion: 2020,

  },

  rules: {

    "vue/no-mutating-props": "off",

    "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",

    "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",

    "no-empty-function": "off",

    "@typescript-eslint/no-empty-function": ["error"],

    "@typescript-eslint/no-var-requires": 0,

    "@typescript-eslint/explicit-module-boundary-types": ["off"],

    "@typescript-eslint/no-explicit-any": ["off"],

    // "no-empty-pattern": true,

  },

};

package.json 文件：

{

  "name": "vue3-test",

  "version": "0.1.0",

  "private": true,

  "scripts": {

    "serve": "vue-cli-service serve",

    "build": "vue-cli-service build",

    "lint": "vue-cli-service lint"

  },

  "dependencies": {

    "core-js": "^3.6.5",

    "vue": "^3.0.0",

    "vue-router": "^4.0.0-0",

    "vuex": "^4.0.0-0"

  },

  "devDependencies": {

    "@types/moment": "^2.13.0",

    "@typescript-eslint/eslint-plugin": "^4.18.0",

    "@typescript-eslint/parser": "^4.18.0",

    "@vue/cli-plugin-babel": "~4.5.0",

    "@vue/cli-plugin-eslint": "~4.5.0",

    "@vue/cli-plugin-pwa": "~4.5.0",

    "@vue/cli-plugin-router": "~4.5.0",

    "@vue/cli-plugin-typescript": "~4.5.0",

    "@vue/cli-plugin-vuex": "~4.5.0",

    "@vue/cli-service": "~4.5.0",

    "@vue/compiler-sfc": "^3.0.0",

    "@vue/eslint-config-prettier": "^6.0.0",

    "@vue/eslint-config-typescript": "^7.0.0",

    "eslint": "^6.7.2",

    "eslint-plugin-prettier": "^3.3.1",

    "eslint-plugin-vue": "^7.0.0",

    "moment": "^2.29.1",

    "node-sass": "^4.12.0",

    "prettier": "^2.2.1",

    "sass-loader": "^8.0.2",

    "typescript": "~4.1.5",

    "vue-seamless-scroll": "^1.1.23"

  },

  "eslintConfig": {

    "root": true,

    "env": {

      "node": true

    },

    "extends": [

      "plugin:vue/vue3-essential",

      "eslint:recommended",

      "@vue/typescript/recommended"

    ],

    "parserOptions": {

      "ecmaVersion": 2020

    },

    "rules": {}

  },

  "browserslist": [

    "> 1%",

    "last 2 versions",

    "not dead"

  ]

}