vscode settings.json配置

{
  "files.autoSave": "afterDelay",
  // 保存後自動格式化
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  // 行高
  "editor.lineHeight": 25,
  // 主題色
  "workbench.colorTheme": "Monokai",
  // jsx代碼補全
  "emmet.includeLanguages": {
    "javascript": "javascriptreact"
  },
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "HookyQR.beautify"
  },
  // vscode默認啓用了根據文件類型自動設置tabsize的選項
  "editor.detectIndentation": false,
  "editor.cursorStyle": "line", //光標爲細豎線
  //配置eslint
  // 重新設定tabsize
  "editor.tabSize": 2,
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true, //在方括號之間插入空格
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "semi": false, //去掉末尾分號
      "singleQuote": true //將所有雙引號改爲單引號
    },
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
      // #vue組件中html代碼格式化樣式
    }
  },
  // #這個按用戶自身習慣選擇 
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  // #讓vue中的js按編輯器自帶的ts格式進行格式化 
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  //用來配置作用的文件類型
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    {
      "language": "vue",
      "autoFix": true
    }
  ],
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
}