4个vsCode 常用插件，提升你的团队开发效率

4个vsCode 常用插件，提升你的团队开发效率

前端团队协作必不可少，每个公司都有前端代码规范，这些插件在团队协作中规范代码必不可少。可以根据自己团队的要求进行配置，效率必然提高，跟着我一起安装起来吧。

1、koroFileHeader

在vscode中用于生成文件头部注释和函数注释的插件

• 在 Vscode 扩展商店中搜索koroFileHeader,点击安装即可。

• 文件头部注释：
  在当前编辑文件中使用快捷键:window：ctrl+alt+i/mac：ctrl+cmd+i,即可生成文件头部注释。

// 文件头部注释 可以根据自己的喜好进行设置
"fileheader.customMade": {
  "Descripttion":"",
  "version":"",
  "Author":"yanghui",
  "Date":"Do not edit",
  "LastEditors":"yanghui",
  "LastEditTime":"Do not Edit",
},

• 函数注释：
  将光标放在函数行或者将光标放在函数上方的空白行
  使用快捷键window：ctrl+alt+t,mac：ctrl+cmd+t，即可生成函数注释。
  事实上，函数注释在文件的任意位置都可生成，这里需要自己控制。

2、Chinese

Chinese语言包，对于我这种英文不好的，这个插件是必备

安装后，在 locale.json 中添加 "locale": "zh-cn"，即可载入中文（简体）语言包。要修改 locale.json，你可以同时按下 Ctrl+Shift+P 打开命令面板，之后输入 "config" 筛选可用命令列表，最后选择配置语言命令。

3、Beautify

美化代码工具
快捷键 cmd + b
可以去settings.json中根据自己的喜好，公司代码规范自定义设置，一键美化代码。

4、esLint

esLint：是用来统一JavaScript代码风格的工具，不包含css、html等。