文章目录
[+]
一样平常项目创建好后会有三个文件：index.html、main.js、app.vue
index.html ：所有vue文件都是单页面形式(SPA)开拓，所有vue组件都是通过index.html进行渲染加载。
import Vue from 'vue' // 引入vueimport App from './App' // 引入App.vue文件import router from './router' // 引入一段路由配置Vue.use(C) // 全局方法定义为C
el:'#app'这个和index.html中的app组件挂钩。官网阐明为：
（图片来自网络侵删）
模板将会更换挂载的元素。
watch：用来监听路由的变换，可以用来定义页面切换时的过渡效果。
App.vue默认为一个根组件。
router/index.js文件引入组件的代码routes定义时，path为你往后页面间路由跳转的路径。name为import进来的名字,component也为这个名字。
其他文件：
-build
-build.js 生产环境构建脚本
-utils.js 构建干系工具方法
-webpack.base.conf.js webpack根本配置
-webpack.dev.conf.js webpack开拓环境配置
-webpack.prod.conf.js 生产环境配置
-confg 项目配置
–dev.env.js 开拓环境变量
–index.js 项目配置文件
–prod.env.js 生产环境变量
–test.env.js 测试环境变量
-package.json npm包配置文件，里面定义了项目的npm脚本，依赖包等信息
-src 源码目录
–main.js 入口js文件
–app.vue 根组件
–components 公共组件目录
–title.vue
拓展阅读
《Vue进阶（二）：Vue项目文件构造先容》
