vite vue3 规范化与Git Hooks - 基于 vite 创建 vue3 全家桶项目(续篇）

在 《JS 模块化》系列开篇中，曾提到前端技术的发展不断融入很多后端思想，形成前端的“四个现代化”：工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的 git 规范。

1 规范化

在企业级开发中，“一千个读者有一千个哈姆雷特”是很常见的事，每个程序员对技术的理解、视角和掌握程度参差不齐，导致编写的代码五花八门。规范化包括很多，我在企业实践中重点关注两个方面：代码规范 和 git 提交规范。

代码规范最基础的是代码格式，不同的代码格式虽然运行起来没有问题，但代码超级难看，代码乱七八糟、一堆 warning，虽然不影响运行，但看着太恶心，就像下面的情形：

• 估计是为了节省纸张，空格全省略，代码全挤在一起：

const a=b+c

const fn=()=>{
   }

fn(){
   }

for(let i=0; i<10; i++){
   }

• 单引号、双引号混合使用，上一行用单引号，下一行偏要用双引号；
• 上一行加分号，后一行省略分号；
• 定义了一些从没有使用的变量；
• 分支判断中只有一句话坚决不写花括号；
• …

我不能说上面的风格是错误的（写代码就像玩音乐一样，不能说绝对的对错，只是理解不同罢了），无论怎么写，至少一个团队还是应该保证统一的风格吧。于是咱们就使用了 .editorconfig 和 eslint。

.editorconfig 对编辑器的基本格式做了限制，但比较粗糙；eslint 就进行了详细的约束。无论选择 standard 、<