vsCode 配置

我的vscode配置

保存后格式化html,js,css

{
  "diffEditor.ignoreTrimWhitespace": false,
    "workbench.colorTheme": "Eva Dark Italic",
    "editor.fontSize": 14,
    "workbench.editor.enablePreview": true, //预览模式关闭
    "editor.formatOnSave": true, // #每次保存的时候自动格式化
    // 自动修复
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true,
    },
    "eslint.enable": true, //是否开启vscode的eslint
    // vscode默认启用了根据文件类型自动设置tabsize的选项
    "editor.detectIndentation": false,
    // 重新设定tabsize
    "editor.tabSize": 2,
    //  #去掉代码结尾的分号
    "prettier.semi": false,
    //  #使用单引号替代双引号
    "prettier.singleQuote": true,
    //  #让prettier使用eslint的代码格式进行校验
    "prettier.eslintIntegration": true,
    "javascript.preferences.quoteStyle": "double",
    "typescript.preferences.quoteStyle": "double",
    //  #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // 配置 ESLint 检查的文件类型
    "eslint.validate": [
      "javascript",
      "vue",
      "html"
    ],
    "eslint.options": { //指定vscode的eslint所处理的文件的后缀
      "extensions": [
        ".js",
        ".vue",
        ".ts",
        ".tsx"
      ]
    },
    "git.enableSmartCommit": true,
    "editor.quickSuggestions": {
      "strings": true
    },
    //一定要在vutur.defaultFormatterOptions参数中设置，单独修改prettier扩展的设置是无法解决这个问题的，因为perttier默认忽略了vue文件（事实上从忽略列表移除vue也不能解决这个问题）
    "vetur.format.defaultFormatterOptions": {
      // "prettier": {
      //   "semi": false, // 格式化不加分号
      //   "singleQuote": true, // 格式化以单引号为主
      // },
      "js-beautify-html": {
        // force-aligned | force-expand-multiline vue html代码格式化
        "wrap_attributes": "force-expand-multiline",//"auto","force-expand-multiline"
        // "wrap_line_length": 500,
        // "wrap_width_line": false,
        // "semi": false,
        // "singleQuote": true,
      },
      "prettyhtml": {
        "printWidth": 100,
        "singleQuote": false,
        "wrapAttributes": false,
        "sortAttributes": false
      },
    },
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    // "vetur.format.defaultFormatter.js": "prettier",
    "[vue]": {
      "editor.defaultFormatter": "octref.vetur"
    },
    "javascript.updateImportsOnFileMove.enabled": "never",
    "javascript.implicitProjectConfig.experimentalDecorators": true,
    "workbench.editor.showTabs": true,
    "gitlens.advanced.messages": {
          "suppressCommitHasNoPreviousCommitWarning": false,
          "suppressCommitNotFoundWarning": false,
          "suppressFileNotUnderSourceControlWarning": false,
          "suppressGitVersionWarning": false,
          "suppressLineUncommittedWarning": false,
          "suppressNoRepositoryWarning": false,
          "suppressResultsExplorerNotice": false,
          "suppressShowKeyBindingsNotice": true,
          "suppressUpdateNotice": false,
          "suppressWelcomeNotice": true
      },
      "gitlens.keymap": "alternate",
      "git.enableSmartCommit": true,
      "gitlens.historyExplorer.enabled": true,
      "gitlens.views.fileHistory.enabled": true,
      "gitlens.views.lineHistory.enabled": true,
      "vetur.grammar.customBlocks": {

        "docs": "md",
        "i18n": "json"
      },
      "terminal.integrated.shell.windows": "D:\\software\\Git\\bin\\bash.exe",
      // "terminal.integrated.shellArgs.windows": [ "-l" ],
      "git.path": "D:\\software\\Git\\bin\\git.exe",
      "files.autoSave": "onFocusChange",
      "explorer.confirmDelete": false,
      "workbench.sideBar.location": "right",
      "editor.wordWrap": "on",
  }