使用Vue-cli搭建多页面应用时对项目结构和配置的调整

前提：在这里使用的是webpack模板进行搭建

第一步、安装Vue-cli并且进行初始化

然后使用vue init <项目文件夹名称(我这里使用的是project)>初始化一个Vue项目模板 这时候Vue-cli的准备工作就完成了，这时候可以通过npm run dev进入开发环境，启动后是这个样子的，但是此时的脚手架的配置都是针对单页面应用进行的，入口只有一个index.html，所以下一步就要对项目目录的结构进行一些调整 这时候Vue-cli的准备工作就完成了，这时候可以通过npm run dev进入开发环境，启动后是这个样子的，但是此时的脚手架的配置都是针对单页面应用进行的，入口只有一个index.html，所以下一步就要对项目目录的结构进行一些调整 这时候Vue-cli的准备工作就完成了，这时候可以通过npm run dev进入开发环境，启动后是这个样子的，但是此时的脚手架的配置都是针对单页面应用进行的，入口只有一个index.html，所以下一步就要对项目目录的结构进行一些调整 这时候Vue-cli的准备工作就完成了，这时候可以通过npm run dev进入开发环境，启动后是这个样子的，但是此时的脚手架的配置都是针对单页面应用进行的，入口只有一个index.html，所以下一步就要对项目目录的结构进行一些调整 这时候Vue-cli的准备工作就完成了，这时候可以通过npm run dev进入开发环境，启动后是这个样子的，但是此时的脚手架的配置都是针对单页面应用进行的，入口只有一个index.html，所以下一步就要对项目目录的结构进行一些调整 这时候Vue-cli的准备工作就完成了，这时候可以通过npm run dev进入开发环境，启动后是这个样子的，但是此时的脚手架的配置都是针对单页面应用进行的，入口只有一个index.html，所以下一步就要对项目目录的结构进行一些调整