其实很多人的项目可能直接就是vue-cli，但实际上当项目稍微大一点的时候，就需要重构你的项目了。项目架构1.封装项目的基础库一个基础库可能需要一定的开发时间，但是如果项目有一个优秀的基础库做支撑，可以让项目的进度更快。前期花在开发基础库上的时间是可以弥补的。最重要的是有了基础库的支持，我们可以保证项目有一个最低的质量下限，这样在多人合作的项目中，不同人写的不同模块的质量不会有差异。参差不齐，同时也保证了更好的可扩展性。通常，我们所指的基础库包括——组件库、基础css库、基础工具库（如项目的二次请求封装、通用缓存方式、通用cookie操作等）；2.分层管理对你的请求进行管理，建议将你项目的api层分离成层级管理，有利于更好的管理，降低复杂接口下的复杂度。性能优化1.缓存缓存一些请求信息，可以有效减少请求，提速。比如我们从商品列表跳转到商品详情。我们可以使用cookie或localstore来缓存产品详细信息。如果已加载产品详细信息，请将其取出并重新使用。2.延迟加载延迟加载一般是为了更快的看到内容。我们一般会对图片等大资源进行懒加载，我们的组件都是懒加载的。其实基本上所有的性能优化无非就是从这两个方面去寻找解决方案。工程现代前端工程和后端工程绝对不仅仅是写代码。会涉及到很多工程化的内容，比如webpack，服务器部署，更严格的说，会有一个自动化工程系统。这些都会对项目的推进有很大的帮助，同时也会保证项目的质量。我们一般从以下三个方面改进项目的工程化。1.webpack改进，例如改进webpack配置以提高打包速度。使用自己的语法糖时，更改webpack以支持新的语法糖；2.控制代码质量控制代码质量，我们会通过eslint来实现；3.自动部署自动部署，部署实际上是一个重复且耗时的工作。我们可以让他自动化。可以为我们节省很多成本。上面说了，说起来容易，真正学起来却很难。最好的学习方法就是根据思维导图系统地进行实践训练。
