从零带领大家搭建基于 vue3 + vite2 + typescript 的开发环境，逐渐带领大家搭建一套属于你自己的脚手架，制定一套合理的解决方案，为项目打下良好的基础，与同伴形成合适的开发习惯。

1. 首先安装webpack的可视化资源分析工具，命令行执行： 2. 然后在webpack的dev开发模式配置中，引入插件，代码如下： 3. 最后命令行执行npm run build --report , 浏览器会自动打开分析结果，如下所示： 可以看到vue全家桶相关依赖占用了…

团队项目自动风格格式化的各类技巧； 业务实战过程中发现了问题，通过以下工具一并解决 husky lint-staged eslint commitlint