VSCODE保存时自动格式化代码

安装插件vetur和eslint

设置setting.json后如果保存不生效则alt+shift+f

{
    // vscode默认启用了根据文件类型自动设置tabsize的选项
    "editor.detectIndentation": false,
    // 重新设定tabsize
    "editor.tabSize": 2,
    // #每次保存的时候自动格式化 
    "editor.formatOnSave": true,
    // #每次保存的时候将代码按eslint格式进行修复
    "eslint.autoFixOnSave": true,
    // 添加 vue 支持
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      {
        "language": "vue",
        "autoFix": true
      }
    ],
    //  #让函数(名)和后面的括号之间加个空格
    "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
    // #让vue中的js按编辑器自带的ts格式进行格式化 
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
        "wrap_attributes": "force-aligned"
        // #vue组件中html代码格式化样式
      }
    },
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true,
      "source.fixAll.tslint": true
    },
    "git.confirmSync": false,
    "window.zoomLevel": 0,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "explorer.confirmDelete": false,
    "files.associations": {
      // wepy 框架关联
      "*.wpy": "vue"
    },
    "gitlens.gitCommands.skipConfirmations": [
      "fetch:command",
      "switch:command",
      "stash-push:command"
    ],
    "diffEditor.ignoreTrimWhitespace": false,
    "npm.keybindingsChangedWarningShown": true, // 两个选择器中是否换行
    "powermode.enabled": true,
    "powermode.shake.intensity": 0,
    "easysass.formats": [
      {
        "format": "expanded",
        "extension": ".css"
      }
    ],
    "workbench.startupEditor": "none",
    "vetur.validation.template": false,
    "editor.multiCursorModifier": "ctrlCmd",
    "git.enableSmartCommit": true,
    "security.workspace.trust.untrustedFiles": "open",
    "[vue]": {
      "editor.defaultFormatter": "Vue.volar"
    },
    "editor.fontLigatures": false,
  }