4個vsCode 常用插件，提升你的團(tuán)隊開發(fā)效率

前端團(tuán)隊協(xié)作必不可少，每個公司都有前端代碼規(guī)范，這些插件在團(tuán)隊協(xié)作中規(guī)范代碼必不可少?？梢愿鶕?jù)自己團(tuán)隊的要求進(jìn)行配置，效率必然提高，跟著我一起安裝起來吧。

1、koroFileHeader

在vscode中用于生成文件頭部注釋和函數(shù)注釋的插件

• 在 Vscode 擴(kuò)展商店中搜索koroFileHeader,點擊安裝即可。

• 文件頭部注釋：
  在當(dāng)前編輯文件中使用快捷鍵:window：ctrl+alt+i/mac：ctrl+cmd+i,即可生成文件頭部注釋。

// 文件頭部注釋 可以根據(jù)自己的喜好進(jìn)行設(shè)置
"fileheader.customMade": {
  "Descripttion":"",
  "version":"",
  "Author":"yanghui",
  "Date":"Do not edit",
  "LastEditors":"yanghui",
  "LastEditTime":"Do not Edit",
},

• 函數(shù)注釋：
  將光標(biāo)放在函數(shù)行或者將光標(biāo)放在函數(shù)上方的空白行
  使用快捷鍵window：ctrl+alt+t,mac：ctrl+cmd+t，即可生成函數(shù)注釋。
  事實上，函數(shù)注釋在文件的任意位置都可生成，這里需要自己控制。

2、Chinese

Chinese語言包，對于我這種英文不好的，這個插件是必備

安裝后，在 locale.json 中添加 "locale": "zh-cn"，即可載入中文（簡體）語言包。要修改 locale.json，你可以同時按下 Ctrl+Shift+P 打開命令面板，之后輸入 "config" 篩選可用命令列表，最后選擇配置語言命令。

3、Beautify

美化代碼工具
快捷鍵 cmd + b
可以去settings.json中根據(jù)自己的喜好，公司代碼規(guī)范自定義設(shè)置，一鍵美化代碼。

4、esLint

esLint：是用來統(tǒng)一JavaScript代碼風(fēng)格的工具，不包含css、html等。