Vue基础（二）：Vue-CLI （4.x）构建项目结构分析

本文使用的Vue-CLI版本如下：

使用Vue-CLI脚手架构建的项目结构如下：

路径结构解释如下：

├─node_modules		//存放依赖文件，类似java中lib目录
│ 
├─public		//静态资源
│   ├─favicon.ico	//图标
│   ├─index.html	//程序主入口
│ 
├─src			//源文件
│   ├─assets		//静态文件如图片等
│   │
│   ├─components	//vue组件，可存放公共组件
│   │
│   ├─router		//vue-router文件夹
│   │   ├─index.js	//router路由配置文件
│   │
│   ├─store		//vuex文件夹
│   │   ├─index.js	//vuex状态配置
│   │
│   ├─views		//组件文件
│   │
│   ├─App.vue		//主组件
│   │
│   └─main.js		//主入口配置文件
│   
├─babel.config.js	//babel配置文件
│
├─package.json		//依赖管理（主依赖及版本）  类似maven中pom.xml
│
├─package-lock.json	//依赖管理（子依赖及版本）