4個(gè)vsCode 常用插件斤吐,提升你的團(tuán)隊(duì)開發(fā)效率
前端團(tuán)隊(duì)協(xié)作必不可少搔涝,每個(gè)公司都有前端代碼規(guī)范,這些插件在團(tuán)隊(duì)協(xié)作中規(guī)范代碼必不可少和措∽剩可以根據(jù)自己團(tuán)隊(duì)的要求進(jìn)行配置,效率必然提高派阱,跟著我一起安裝起來(lái)吧诬留。
1、koroFileHeader
在vscode中用于生成文件頭部注釋和函數(shù)注釋的插件
在 Vscode 擴(kuò)展商店中搜索koroFileHeader,點(diǎn)擊安裝即可贫母。
文件頭部注釋:
在當(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í)上绿贞,函數(shù)注釋在文件的任意位置都可生成,這里需要自己控制誓酒。
2樟蠕、Chinese
Chinese語(yǔ)言包,對(duì)于我這種英文不好的靠柑,這個(gè)插件是必備
安裝后寨辩,在 locale.json
中添加 "locale": "zh-cn"
,即可載入中文(簡(jiǎn)體)語(yǔ)言包歼冰。要修改 locale.json
靡狞,你可以同時(shí)按下 Ctrl+Shift+P
打開命令面板,之后輸入 "config" 篩選可用命令列表隔嫡,最后選擇配置語(yǔ)言命令甸怕。
3、Beautify
美化代碼工具
快捷鍵 cmd + b
可以去settings.json中根據(jù)自己的喜好腮恩,公司代碼規(guī)范自定義設(shè)置梢杭,一鍵美化代碼。
4秸滴、esLint
esLint:是用來(lái)統(tǒng)一JavaScript代碼風(fēng)格的工具武契,不包含css、html等荡含。