eslint配置

settings.json

{
  "workbench.colorTheme": "Default Dark+",
  "editor.tabSize": 2,
  "editor.fontSize": 12,
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "security.workspace.trust.untrustedFiles": "open",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.detectIndentation": false,
  "editor.formatOnSave": true,
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "prettier.eslintIntegration": true,
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    }
  },
  "stylusSupremacy.insertColons": false,
  "stylusSupremacy.insertSemicolons": false,
  "stylusSupremacy.insertBraces": false,
  "stylusSupremacy.insertNewLineAroundImports": false,
  "stylusSupremacy.insertNewLineAroundBlocks": false,
  "editor.language.brackets": [],
  "eslint.nodeEnv": ""
}

.prettierrc

{
  "singleQuote": true,
  "semi": false,
  "trailingComma": "none",
  "printWidth": 200
}

.eslintrc.js

// 项目不同配置项可能不同，主要看rules项即可
module.exports = {
  root: true,
  env: {
    browser: true,
    node: true
  },
  parserOptions: {
    parser: '@babel/eslint-parser',
    requireConfigFile: false
  },
  extends: ['plugin:vue/recommended', 'eslint:recommended'],
  plugins: [],
  // add your custom rules here
  rules: {
    // 修改标签属性的 eslint 规则 允许标签属性换行
    'vue/first-attribute-linebreak': [
      'error',
      {
        singleline: 'ignore',
        multiline: 'ignore'
      }
    ],
    // 修改 右标签 > 的 eslint 规则  无需单独一行
    'vue/html-closing-bracket-newline': 0
  }
}

vscode下载插件

Manta's Stylus Supremacy

Prettier - Code formatter

Vetur

Eslint