步骤一：
你已经按照好vue文件了，可以成功运行项目，如没有按照vue，可以参照我前面的文章，那里面有详细的步骤
网址：https://www.cnblogs.com/0314dxj/articles/10587271.html
进到你的文件中，就会出现这些：
1.build：主要用来配置构建项目以及webpack
2.config：项目开发配置
3.npm或者cnpm所下载的依赖包
4.你的源代码
5.静态文件夹，webpack打包时不会打包这里文件
6.最外层的页面一般title等都设置在这里
7.存放你要npm依赖包的json数据
二：介绍src文件夹中：
先从这个App.vue开始，这个文件仅此于外部的index意思就是index包含所有页面，而App.vue包含除了index的页面，也就是路由嵌套，后面会说到，在这里所创建的文件都是文件名.vue，页面的html格式就是一个template标签中包含一个div，相当于组件化的形式，而组件的内容写在这个div中（一个页面必须只有一个template包一个div，内容写在这个div中，不然会报错），而这个router-view标签就是当前页面下的子页面，可以理解成这个router-view是另一个页面，被当前页面所包含着，有点类似ifame标签的功能。
介绍一下HelloWord.vue这个就是另外一个页面，这里js，css的代码放置格式它已经帮你写出来了，按照这种格式写就行了，需要提醒的就是style标签中的scoped属性，如果没写这条那么这个style的样式会影响到这个页面所有的子路由，如果加了那么这个样式只对当前页面起作用。
再看一下router文件中的index.js
简单介绍一下routers中的结构，这里主要用来配置路由的，上面说过所有子路由都在App.vue下，所有App.vue是最外层的父路由，这里的routes中存的就是路由的数组，path就是你要访问你所创建的页面的路径，这里所配置的路由为''/，也就是根路径所以你直接访问localhost:8080就会出现一个App.vue中插入一个HelloWorld.vue的页面（这个相当于路由嵌套），name就是给当前路由命名，可以在其他页面通过$route.name访问到当前页面路由的name，component相当于你要引用的路由页面，这里引用的是HelloWorld.vue这个页面，使用import将HelloWorld.vue引入
现在我们来简单的创建一个页面，在components新建vue文件
在router的index.js文件中配置文件如图
在App.vue文件中配置，如图
如下图就是点击后的画面
下面介绍一下main.js，如图：
大概的内容就是这些，如果有哪里说错或者遗憾还望多多包涵，或者联系我，大家多交流交流。