本文已参与「新人创作礼」活动，一起开启掘金创作之路。
在前端开发过程中，VScode是常用的代码编写软件，而在团队一起完成某个项目时，为了更好的代码管理和协作，成员间的VScode软件一般会安装相同的插件库和配置。
接下来就介绍下常见的一些配置！（开发Vue项目的）
1、 vscode代码格式配置说明
为了统一团队编码风格尽量采用统一，包含几个插件 ESLint vetur koroFileHeader等
2、 ESLint
是用来统一JavaScript代码风格的工具，不包含css、html等
vuecli初始化时候选择ESLint校验
我们在应用市场下载安装ESLint，重载后生效
我们在vscode 文件->首选项->设置 在setting.json里配置加入
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true,
},
就会在每次保存时候根据ESLint进行格式化（根据项目里的.eslintrc.js）
缺点：每次保存只格式化一点点，你得连续按住Ctrl+S好几次,才格式化好，自行体会~~
3、 vetur
这个基本都装了，没装的在应用商店安装后，因为之前已经用ESLint校验格式化js了，这里就只需要他格式化html和css这些了，所以配置里加入
"vetur.format.defaultFormatter.js": "none"
可以随意打乱html，按快捷键shift+alt+f试试，代码就自动格式化了
虽然vetur可以格式化html、标准css（有分号 、大括号的那种）、标准js（有分号 、双引号的那种）、vue文件，
但是！ 格式化的标准js文件不符合ESlint规范，会给你加上双引号、分号等，像这样
4、 koroFileHeader
主要生成文件头和方法头，具体可参考他的文档 配置如下
// 文件头部注释
"fileheader.customMade": {
"Descripttion":"",
"version":"1.0",
"Author":"heyu",
"Date":"Do not edit",
"LastEditors":"heyu",
"LastEditTime":"Do not Edit"
},
//函数注释
"fileheader.cursorMode": {
"name":"",
}
加到setting里，在文件里就会生成如下头头
File->Preference->Settings【也可以快捷键 ctr + ,（window系统） 直接打开】
/*
* @Author: xiang
* @Date: 2020-03-13 11:17:52
* @Last Modified by: xiang
* @Last Modified time: 2020-03-13 11:18:20
*/
/*
* @name:
*/
手动加的快捷键
文件头 ctrl+alt+i
方法头 ctrl+alt+t
5、最后
这里只是列举了最常见的几种，当然还有很多类型的插件库和配置，主要还是看自己的习惯！欢迎大家补充好用的插件哟！
