vscode eslint 自动格式化设置

vscode eslint 自动格式化设置

1.需要安装的插件

• eslint
• vetur
• prettier
• koroFileHeader (可不装，只是用来自动填写文件头的)

2.vscode 配置

在 vscode 设置里面打开 setting.json，加入以下配置代码

"emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html",
  },
  "prettier.semi": true,
   "fileheader.customMade": {
    "Author": "dangrenning",
    "Date": "Do not edit",
    "Description": ""
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    },
    "prettyhtml": {
      "printWidth": 200,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    },
    "prettier": {
      "semi": false,
      "singleQuote": true
    }
  },
  "vetur.format.defaultFormatter.css": "prettier",
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.ts": "vscode-typescript",
  "eslint.format.enable": true,
  "eslint.run": "onSave",
  "eslint.lintTask.enable": true,
  "eslint.workingDirectories": [],
  "eslint.validate": [
    "javascript",
    "css",
    "html",
    "json",
    "vue",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "files.associations": {
    "*.vue": "vue",
    "*.wxml": "html",
    "*.wxss": "css",
    "*.cjson": "jsonc",
    "*.wxs": "javascript",
    "*.js": "javascript",
    "*.plist": "json"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  }