Vue学习---vue 项目结构

这只是一个基础的目录结构，根据项目的复杂性和规模，可能会有所不同。

node_modules                   项目依赖文件，其中包括很多基础依赖和自己安装的依赖。

public                                 存放公共资源和项目的主入口文件index.html。

src                                      项目核心文件夹：包括项目源码，各种静态资源等等。

App.vue                              是项目的根组件

main.js                                是入口JavaScript文件

配置文件如.babelrc，.eslintrc.js，vue.config.js

build                                    构建脚本目录

dist                                      项目构建打包后的默认输出目录。

package.json                       项目的基本配置信息文件，包括各种插件，依赖以及某些依赖的详细配置等

test                                      选装了测试模块（Unit Testing / E2E Testing）才会有的文件夹            main.js                                文件是一个很重要的文件，是浏览器解析最先加载的入口文件。主要功能是通过import的方式导入各种资源，然后新建了一个vue实例。       

src / assets                         文件夹内保存的是各种静态资源，比如css、img、js、font等。

src / components                这里定义的组件都属于公共组件，任意的Vue页面中都可以（多次）调用。

src / plugins                        项目开发过程中，手动安装过插件而产生的。比如我这里安装了axios

src / store                            store文件夹是你选配了Vuex之后才会有的文件，主要用于项目内某些状态的保存。比如state、mutations、actions、getters、modules等。

 src / router                         单页面应用中，路由是指：根据不同的链接展示不同的页面视图，可以来回切换。App.vue文件的变化：不再直接调用公共组件了，而是引用了< router-view/>路由。

src / views                         views文件夹内存放的是视图组件。选配了Vue Router的新建项目，都会默认有以下两个视图组件：Home.vue About.vue