![54f434b9c83e0442f204ad91893bc765.png](https://i-blog.csdnimg.cn/blog_migrate/6e95bc6f0b0f73f23e6892c70dfbf6dd.png)
团队协作开发一般都有统一的编码规范,举个例子:A习惯一个tab占位2个空格,B习惯一个tab占位4个空格,如果不统一,提交到仓库的代码将变得难以阅读和维护。
幸运的是我们可以通过插件来规范化代码,只要大家配置一样,提交的代码就会属于同一套规范,而且在编写时不用特意自己去规范代码,保存的时候自动格式化一下代码即可,大大提高了开发效率的同时还能保证团队编码规范一致。
一个项目一般都有自己的编码规范,有些在通用的规范下还有一些自己特定的规范,加入前需要阅读项目相关文档或咨询Leader.
一、语法高亮 - 安装Vetur插件
![9c59d3444cb2416b7ad0133c5cd56c2c.png](https://i-blog.csdnimg.cn/blog_migrate/cda4a7950a4fa9c91c4125046566059e.jpeg)
.vue后缀的文件默认不会高亮显示语法,Vetur插件提供这方面的支持,并且还内置了Emmet插件的所有功能,支持快捷输入代码,这会节省不少时间,比如敲入div.row+回车,就会自动输入<div class="row"></div>