从 0 开始手把手带你搭建一套基于 Vite + Vue3 + TypeScript 规范的前端工程化项目环境，涵盖代码规范约束、提交信息规范约束、单元测试、自动部署等。

本文会从零开始配置一个monorepo类型的组件库，包括规范化配置、打包配置、组件库文档配置及开发一些提升效率的脚本等，monorepo 不熟悉的话这里一句话介绍一下，就是在一个git仓库里包含多个独立发布的模块/包。 首先每个组件都是一个独立的npm包，但是某个组件可能又依赖…

通过递归的方式去过滤去用户的路由权限，通过router.addRoutes()动态添加所有符合权限的路由，当然这种方式需要依赖后端。对于不同角色的用户，是由后端将路由列表告诉给前端注册 拦截器拦截接口返回结果，比如401没有登录权限。

vue3 已经来了，vuex 新版本也在 beta 中，在应用于项目前，先过过水，气的我差点把电脑砸了，为啥要砸，咱们开始正文吧... 阿西巴，这什么鬼，any，此时内心已经崩溃，无力吐槽... 好吧，把 script 部分拿出来，总可以了吧，耐心已经耗尽... 抬眼看窗外，天…