从 0 到 1 搭建 Vue 前端工程框架

至此，整个vue3通用项目底座完成。源码参考[common-template](https://gitee.com/hit-point/common-template)。

完善一下项目初始化配置，分为store配置、初始化内部系统配置、注册全局组件、配置路由、路由守卫、注册全局指令、配置全局错误处理这些内容。

前面三篇的源码在gitee上可以查看[common-template](https://gitee.com/hit-point/common-template)，1.0.1版本是规范篇结束，1.0.2

接下来进入项目搭建的重点部分：Vite配置。 本篇内容可能会有些多，耐心看完会有很多收获。 vite配置这部分本想跟规范篇一样分成很多篇的，但是看了一下比较复杂还是全放在一起比较好。

上一篇自动生成CHANGELOG，想了一下，还是把release-it完善上去吧。这样就可以妥善更新项目的版本号和changelog文档了。未完待续...

上一篇对Git提交进行了规范化，本篇实现自动生成CHANGELOG。后面考虑要不要加release-it。未完待续…

git提交的部分就结束了，接下来会配置自动生成CHANGELOG、release-it、环境变量这些。未完待续...

至此，规范类的基本上就配置的差不多了，下面就该配置一下git提交的部分了，husky、czg、CHANGELOG之类的。未完待续...

上一篇创建了项目，接下来开始进行代码规范配置。先写到这里，后面还要配置很多东西。未完待续...完整代码https://github.com/hit-point/hp-vue-ui

上一篇装好了环境，接下来先创建一个基本项目。打包工具用的vite，语言用的ts，vue3还是得和ts放一起看着才舒服。

该系列文章旨在学习怎么用vue3+ts从0到1搭建前端通用模板，目标是作为一个支持各类前端工程的基座，例如后台管理、数据大屏、电商、门户网站等。后续会出很多篇，每篇尽量都在几分钟内结束，方便写也方便看