认识vue项目目录结构

当完成了vue项目的创建之后，就可以看到项目的目录结构了。如图所示

build：项目构建webpack（打包器）相关代码

config：配置目录，包括端口号等

node_modules ：项目依赖

src：主要代码开发目录

        >assets 静态文件(img、css、js) 

        >components  小组件

        >App.vue  根组件

        >main.js 主脚本文件

       >router：Vue路由文件目录， 在router/index.js中可以定义不同url访问

static：静态资源目录，如图片，字体,图标

test：测试目录

index.html：首页入口文件

package.json：项目配置文件

README.md：项目的说明文档