安裝Vetur
配置自動(dòng)格式化，具體路徑【文件】-【首選項(xiàng)】-【設(shè)置】，打開(kāi)設(shè)置（json）

{
  "workbench.iconTheme": "material-icon-theme", // 指定工作臺(tái)中使用的文件圖標(biāo)主題
  "window.zoomLevel": 0, // 調(diào)整窗口的縮放級(jí)別，原始大小是 0
  "editor.formatOnSave": true, // 在保存時(shí)格式化文件
  "editor.tabSize": 2, // 一個(gè)制表符等于的空格數(shù)
  "[jsonc]": {
    "editor.defaultFormatter": "octref.vetur" // 定義一個(gè)默認(rèn)格式化程序
  },
  "[javascript]": {
    "editor.defaultFormatter": "octref.vetur" // 定義一個(gè)默認(rèn)格式化程序
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur" // 定義一個(gè)默認(rèn)格式化程序
  },
  "files.autoSave": "off", // 控制自動(dòng)保存未保存的編輯器
  "git.confirmSync": false, // 同步Git存儲(chǔ)庫(kù)前請(qǐng)先進(jìn)行確認(rèn)
  "git.autofetch": true, // 啟用時(shí)，提交將自動(dòng)從當(dāng)前Git存儲(chǔ)庫(kù)的默認(rèn)遠(yuǎn)程獲取
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, // 讓函數(shù)名和后面的括號(hào)之間加個(gè)空格
  "vetur.format.options.tabSize": 2, // 每個(gè)縮進(jìn)級(jí)別的空格數(shù)，由所有格式化程序繼承
  "vetur.format.scriptInitialIndent": false, // js部分是否有初始縮進(jìn)
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // - auto: 僅在超出行長(zhǎng)度時(shí)才對(duì)屬性進(jìn)行換行
      // - force: 對(duì)除第一個(gè)屬性外的其他每個(gè)屬性進(jìn)行換行
      // - force-aligned: 對(duì)除第一個(gè)屬性外的其他每個(gè)屬性進(jìn)行換行，并保持對(duì)齊
      // - force-expand-multiline: 對(duì)每個(gè)屬性進(jìn)行換行
      // - aligned-multiple: 當(dāng)超出折行長(zhǎng)度時(shí)，將屬性進(jìn)行垂直對(duì)齊
      "wrap_attributes": "force-expand-multiline", // 屬性折行對(duì)齊方式
      "wrap_line_length": 120, // 設(shè)置一行多少字符換行
      "semi": false, // 是否在每行末尾添加分號(hào)
      "singleQuote": true, // 使用單引號(hào)
      "end_with_newline": false
    }
  },
  "eslint.validate": [
    "javascript",
    "html",
    "vue"
  ]
}