vscode如何格式化vue文件以符合eslint规则

Question

bascially what I want is the consistency between:

• how vscode format my.vue file
• how eslint checker scan my.vue file when I run npm run.... to start the server or build the target

currently I format my document in vscode and then run npm run dev , eslint checker will raise lots of warnings and errors, it seems that their foramting/linting rules come from different source, I haven't figure out a way to make them use the same rules

Answer 1

First, install these extensions:

• Vetur
• ESLint
• Prettier

Then write these settings in your settings.json :

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }
}