项目中多人协作开发，统一编辑器vscode的配置_vscode多人协作

第一步：在项目根目录中新建文件夹.vscode，并在.vscode文件夹中新建extensions.json文件和settings.json文件

 第二步：配置extensions.json文件，该文件是配置项目中所需要的插件，比如prettier，比如eslint等等，一般此配置文件只配置一些格式相关的插件，当然，有一些好用的插件也可以配置进来让其他小伙伴也可以用起来

配置里面的名字可以在插件里面找到，就是插件里面的标识符，如下图：

 第三步：配置settings.json文件，该文件配置和vscode中的settings.json配置一样，下面是我们项目里的配置，已加上注释。

{
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[markdown]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  // vscode默认启用了根据文件类型自动设置tabsize的选项
  "editor.detectIndentation": false,
  // 重新设定tabsize
  "editor.tabSize": 2,
  // #每次保存的时候自动格式化
  "editor.formatOnSave": true,
  // 当编辑器失去焦点时，自动保存更改了的编辑器
  "files.autoSave": "onFocusChange",
  // 配置文件关联 :任何 vue 后缀的文件会被认为是vue文件 
  "files.associations": {
    "*.vue": "vue"
  },
  // 编辑器字体大小
  "editor.fontSize": 18,
  // 若设置为 true，则自动从当前 Git 仓库的默认远程仓库提取提交
  "git.autofetch": true,
  // 在没有暂存的更改时提交所有更改
  "git.enableSmartCommit": true,
  // 每次保存的时候将代码按eslint格式进行修复
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  // 启用在vscode中重命名或者移动文件夹时自动更新导入路径的功能--js
  "javascript.updateImportsOnFileMove.enabled": "always",
  // 启用在vscode中重命名或者移动文件夹时自动更新导入路径的功能--ts
  "typescript.updateImportsOnFileMove.enabled": "always",
  // 每次保存的时候以下文件类型将代码按eslint格式进行修复
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
  ],
  // 路径映射
  "alias-skip.mappings": {
    "@": "/src",
    "~@/": "/src",
    "views": "/src/views"
  },
  // 在文件路径中指定要替换的前缀
  "vue-helper.componentPrefix": {  
    "alias": "@",
    "path": "src"
  },
}

到这里就实现了所有下载项目的小伙伴共用一个vscode配置，这样可以有效减少代码冲突的问题。