module.exports = {
  root: true, // 在根目錄下尋找.eslintrc.js文件，如果當前工作區(qū)打開的項目不是在根目錄，則查找.eslintrc.js文件會失敗，且eslint檢查也不會生效
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    'eslint:recommended',
    'plugin:prettier/recommended', // 沖突時使用prettier的規(guī)則進行覆蓋
  ],
  parserOptions: {
    parser: '@babel/eslint-parser'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'vue/multi-word-component-names': 'off', // 不校驗組件名
    "vue/no-multiple-template-root": 0, // 不需要使用根元素包裹template的內容
  }
};

node_modules
dist

//配置參照 https://prettier.io/docs/en/options.html
module.exports = {
    tabWidth: 2, // tab 使用兩個空格
    endOfLine: "auto", // 保持現(xiàn)有的行尾
    useTabs: false, // 不使用制表符縮進，使用空格縮進
    semi: true, // 代碼需要分號結尾
    singleQuote: true, // 單引號
    bracketSpacing: true, // 對象左右兩側需要空格
    jsxBracketSameLine: false, // html 關閉標簽換行
    arrowParens: 'avoid', // 單參數的箭頭函數參數不需要括號
    proseWrap: 'never', // markdown文檔不換行
    trailingComma: 'none' // 結尾處不加逗號
  }

"devDependencies": {
  "@babel/eslint-parser": "^7.18.9",
  "@vue/cli-plugin-eslint": "^5.0.8",
  "eslint": "^7.32.0",
  "eslint-config-prettier": "^8.5.0",
  "eslint-plugin-vue": "^8.7.1",
  "prettier": "^2.7.1",
}

{
   // 用于保存時使用進行代碼格式化
    "editor.codeActionsOnSave": {
        "source.fixAll": true,
    },
    // 用于vscode右下角工具欄展示eslint標識
    "eslint.alwaysShowStatus": true,
}