前端常用vscode的setting.json配置

{
  "editor.formatOnSave": true,
  "editor.formatOnType": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "aligned-multiple"
    }
  },
  "vetur.format.defaultFormatter.js": "vscode-typescript",

  "editor.tabSize": 2, // 缩进字符
  "editor.renderWhitespace": "boundary", // 缩进空白样式 
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },

  /////////// prettier单独配置 //////////
  "prettier.printWidth": 70, // 超过最大值换行
  "prettier.tabWidth": 2, // 缩进字节数
  "prettier.useTabs": false, // 缩进使用tab
  "prettier.semi": false, // 句尾添加分号

  ////////// prettier针对于vetur的配置 //////////
  "vetur.format.defaultFormatter.html": "prettier",
  "vetur.format.defaultFormatter.js": "prettier",
  "vetur.format.defaultFormatter.less": "prettier",
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "tabWidth": 2,
      "printWidth": 70,
      "semi": false,
      "singleQuote": true,
      "bracketSpacing": true,
      "arrowParens": "avoid"
    }
  },

  "workbench.colorTheme": "One Dark Pro",
  "workbench.iconTheme": "material-icon-theme"
}