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等。