一、多个项目插件project Manager

1.在扩展程序中搜索project Manager，然后点击安装

2.安装成功后，点击左侧文件夹图标，点击编辑图标，输入自己项目目录和名称

二、Auto Close Tag

自动补全闭合标签
比如输入 <div> 会自动补全</div>

三、Auto Rename Tag

自动重命名标签
比如修改 </div> 为 </abcdiv>
那么 <div> 也会变成 <abcdiv>

四、Vetur

{
  "workbench.colorTheme": "Default Dark+",
  "window.openFoldersInNewWindow": "on",
  "editor.formatOnSave": true,
  "editor.tabSize": 4,
  "vetur.format.options.tabSize": 4,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatter.js": "prettier",
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "vetur.format.scriptInitialIndent": false, // js部分是否有初始缩进
  "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "auto",
      "wrap_line_length": 160
    }
  },
  "editor.fontSize": 14
}

在写vue3+TS 代码时有一些提醒类错误不匹配，所以换成了（四五）的Volar

四、TypeScript Vue Plugin (Volar)

五、Vue Language Features (Volar)