主要介绍了浅谈vue项目重构技术要点和总结,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

官方提供的项目生成工具vue-cli没有对多页面webApp的支持，但是在实际的项目中，我们需要这样的脚手架，参考了很多大牛的方法，这里提供了一种我的单页面脚手架转换为多页面脚手架的方案，供大家参考。不好的地方也请大家指正。 准备 使用vue-cli生成一个你需要的单页面项目脚手架，然后我们就要开始我们的改装工程了。 重构过程 步骤一 改变目录结构 step1 在src目录下面新建views文件夹,然后再views文件夹下新建index文件夹 step2 将src目录下的main.js和

cl-cli 待办事项清单 确认文件名是否重复，重复就提示是否覆盖（已完成） 选择语言，（不选择版本，默认，因为脚手架生成后可以自己安装想要的版本）（已完成） 选择项目类型（组件，后台，原生工具）（已完成） 组件，后台（vue ｜ react 是否使用UI框架 原生工具（node |浏览器） 选择配套工具（eslint \ axios） 拉取基础模版 内存中组合加工 生成项目 实现要点： 使用一个类来保存配置上下文 每个步骤穿插进度条 在加工可行的设计成插件形式，方便以后扩展 -插件系统todo