前言

笔者之前在尚硅谷学过些前端的东西，但许久不用也生疏不少。

考虑到之后想全栈开发些小东西，最近又重温了一些课程，在实战课程中看到了这套脚手架，感觉不错，在这里分享一下。

脚手架的内容有三：

接下来，主要讲讲为什么要引入这些，具体怎么实现可以看“相关信息”中的“笔记”与“硅谷甄选项目实战视频”

叠甲：并非专业前端，如有错误，欢迎指正。

项目初始化

没啥好说的，利用vite快速创建项目

主要是引入一些check工具，保证代码的规范：

1.使用eslint+stylelint+prettier来对我们的代码质量做检测和修复。

其中eslint负责js代码语法问题，prettier负责js代码的眼视光hi问题。stylelint符合css代码问题，并最终用prettier合成一个检查命令。

2.使用husky来做commit拦截，使用commitlint来统一提交规范。

上文中我的得到了一个检查命令，但这个命令需要我们手动启动，如果commit代码前未启动，则无法起到检查代码的目的。

husky提供了一些hooks，将检查代码写到hooks中时，可以保证commit代码时自动检查

3.使用preinstall来统一包管理工具

前端有不少包管理工具，比如说npm、cnpm、yarn、pnmp，如果在一个项目中使用多种包管理工具，可能导致包的版本问题，因此我们提前规定，强制使用pnpm包管理器工具，启用其他包管理工具会直接报错。

这里的内容比较散，但有很常用，