vue vscode format 配置

vue vscode format 配置

插件

• vue3 https://github.com/johnsoncodehk/volar
• vue2 https://marketplace.visualstudio.com/items?itemName=octref.vetur
• eslint
• prettier

代码质量检查工具

• vue3 vue-tsc https://github.com/johnsoncodehk/volar/tree/master/packages/vue-tsc
• eslint eslint-plugin-vue https://eslint.vuejs.org/user-guide/#usage

"vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
      "printWidth": 100,
      "wrapAttributes": true,
      "sortAttributes": true
    }
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "vetur.format.defaultFormatter.html": "esbenp.prettier-vscode",
  "vetur.format.defaultFormatter.js": "esbenp.prettier-vscode",
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  }