vue项目的标准结构build文件夹，用来存放项目构建脚本
config中存放项目的一些基本配置信息，最常用的就是端口转发
node_modules这个目录存放的是项目的所有依赖，即npminstall命令下载下来的文件
src这个目录下存放项目的源码，即开发者写的代码放在这里
static用来存放静态资源
index.html则是项目的首页，入口页，也是整个项目唯一的HTML页面
package.json中定义了项目的所有依赖，包括开发时依赖和发布时依赖
对于开发者来说，以后99.99%的工作都是在src中完成的，src中的文件目录如下：
assets目录用来存放资产文件
components目录用来存放组件（一些可复用，非独立的页面），当然开发者也可以在components中直接创建完整页面。
推荐在components中存放组件，另外单独新建一个page文件夹，专门用来放完整页面。
router目录中，存放了路由的js文件
App.vue是一个Vue组件，也是项目的第一个Vue组件
main.js相当于Java中的main方法，是整个项目的入口js
main.js内容如下：
在main.js中，首先导入Vue对象
导入App.vue，并且命名为App
导入router，注意，由于router目录下路由默认文件名为index.js，因此可以省略
所有东西都导入成功后，创建一个Vue对象，设置要被Vue处理的节点是’#app’，’#app’指提前在index.html文件中定义的一个div
将router设置到vue对象中，这里是一个简化的写法，完整的写法是router:router，如果key/value一模一样，则可以简写。
声明一个组件App，App这个组件在一开始已经导入到项目中了，但是直接导入的组件无法直接使用，必须要声明。
template中定义了页面模板，即将App组件中的内容渲染到’#app’这个div中。
因此，可以猜测，项目启动成功后，看到的页面效果定义在App.vue中
App.vue是一个vue组件，这个组件中包含三部分内容：1.页面模板（template）；2.页面脚本（script）；3.页面样式（style）
页面模板中，定义了页面的HTML元素，这里定义了两个，一个是一张图片，另一个则是一个router-view
页面脚本主要用来实现当前页面数据初始化、事件处理等等操作
页面样式就是针对template中HTML元素的页面美化操作
需要额外解释的是，router-view，这个指展示路由页面的位置，可以简单理解为一个占位符，这个占位符展示的内容将根据当前具体的URL地址来定。具体展示的内容，要参考路由表，即router/index.js文件，该文件如下：
这个文件中，首先导入了Vue对象、Router对象以及HelloWorld组件，
创建一个Router对象，并定义路由表
这里定义的路由表，path为/，对应的组件为HelloWorld，即浏览器地址为/时，在router-view位置显示HelloWorld组件