Ctrl+Shift+X可打开安装插件界面；

一、代码自动格式化与自动补全：vscode有很多插件都可以格式化代码，如eslint、vetur、Prettier等。

1、安装插件Prettier -Code formatter、vetur（代码高亮）

2、打开设置：file->preferences->settings，搜索settings，找到settings.json这个文件

   加上：

"editor.formatOnSave": true

如我的：

{
  "[git-rebase]": {
    "eslint.options": {
      "plugins": ["html"]
    },
    "eslint.validate": [
      "javascript",
      "javascriptreact",
      "html",
      "vue",
      {
        "language": "html",
        "autoFix": true
      },
      {
        "language": "vue",
        "autoFix": true
      }
    ],
    "eslint.autoFixOnSave": true,
    "editor.tabSize": 2,
    "workbench.editor.restoreViewState": false
  },
  "editor.fontLigatures": null,
  "editor.formatOnSave": true,
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "vscode-typ=script",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto"
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": false
    }
  }
}

或者

{
    "vetur.format.defaultFormatter.html": "prettier",
   "vetur.format.defaultFormatter.js": "vscode-typ=script",
   "vetur.format.defaultFormatterOptions": {
      "js-beautify-html": {
          "wrap_attributes": "auto"
      },
      "prettyhtml": {
          "printWidth": 100,
          "singleQuote": false,
          "wrapAttributes": false,
          "sortAttributes": false
      }
},
"[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},
"editor.fontLigatures": null,
//"editor.formatOnSave": true

}