前端代码规范化的解决方案

前端代码规范化问题

前端在团队开发的时候很容易出来各写各的情况，这样会导致代码不易读，代码不规范，严重的是代码编译报错，下面列举几种情况：

• 有人用单引号，有人用双引号。
• 有人语句结尾加分号，有人不加分号。
• 有人写if加括号，有人不加。
• 该用const的时候使用var和let，该用let的时候使用const和var等。
• 组件名、事件名等命名五花八门的。

那么出现一系列的问题，对于代码的可读、维护性、可持续性就便得很差了，项目周期一长，分支一多，就乱七八遭的，后面的人都不愿意接手了；那么接下来我就讲讲如果避免这些问题。

规范

首先就是得制定团队或公司的一个前端规范，规范可参考大厂给出的一些文档；主要有几个方面：

• 命名规范
• 注释的规范
• 变量常量的使用规范
• HMTL书写与嵌套的规范
• 语义化规范
• 样式的规范
• 代码编写规范
• git提交的规范

有了规范只是第一步，这个规范只能起到一种君子的约束作用，还是没办法防止不遵守，接下一讲解如何解决这一系列问题。

工具

上面说了规范的制定，这里说一下如何通过工具去规范其中一部分的问题；有前端中，我们可以使用eslint、prettier、lint-staged、husky工具进行检查；<