VSCode 团队开发插件及代码格式化的统一设置

前言：

使用vscode开发时，养成了一个不好的习惯：写完一个文件习惯性的点击鼠标右键，然后点击格式化文档。文章参考了Vscode编译器的官方配置文档， 实际上不用这个麻烦，在vscode中的官网中有提及自动保存的问题，可以手动设置VSCode 格式化，步骤如下：

步骤：

1. vscode中，使用快捷命令:Ctrl+Shift+P，输入：Preferences: Configure Language Specific Settings（或者快捷键ctrl + shirt + p，搜索Settings(JSON)，选择用户设置），在选项中选择你想要设置的文件，如html、vue等文件:

2. 找到Code Actions On Save，点击settings.json编辑选项，加入如下配置项:

"editor.formatOnSave": true,
"editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
｝,
"javascript.format.enable": false

最终效果，按ctrl+s即可格式化保存！！

补充说明：

快捷键ctrl + shirt + p

Tips: 上图红色部分的配置，可以统一团队代码格式化的规范

团队成员共享同样的vscode的插件配置：

Tips:当我们在一个团队中工作时，我们希望使用相同的工具集来使开发过程更加健壮和高效，对于 Visual Studio Code，使用相同的扩展集是有意义的，extensions.json您可以通过在文件夹中创建文件来与团队中的其他人共享扩展.vscode。Visual Studio Code 会在你的队友第一次打开工作区时要求他们安装推荐的扩展。他们可以随时点击Extensions: Show Recommended Extensions command。

Vue3中先下载：Vue Language Features (Volar)，千万不要用：beautify和vetur等，文档有待完善仅供参考！

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "javascript.format.enable": true, //开启js的格式化
    "workbench.iconTheme": "vscode-icons", //开启 项目的文件logo
    "editor.formatOnSave": true, //ctrl+s 保存 时开启
}