vue项目（webpack模板）建好后目录如下：

目录解析：

不同模板创建的项目目录会有所区别，但整体基本上都在以下目录之内：

├── build #构建脚本目录
│ ├── build-server.js #运行本地构建服务器，可以访问构建后的页面
│ ├── build.js #生产环境构建脚本
│ ├── dev-client.js #开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新
│ ├── dev-server.js #运行本地开发服务器
│ ├── utils.js #构建相关工具方法
│ ├── webpack.base.conf.js #wabpack基础配置
│ ├── webpack.dev.conf.js  #wabpack开发环境配置
│ └── webpack.prod.conf.js #wabpack生产环境配置
├── config #项目配置
│ ├── dev.env.js  #开发环境变量
│ ├── index.js    #项目配置文件
│ ├── prod.env.js #生产环境变量
│ └── test.env.js #测试环境变量
├── dist #打包生成文件目录
├── node_modules #npm加载的项目依赖模块
├── src  #源码目录 
│  ├── main.js #入口js文件
│  ├── app.vue #根组件
│  ├── components #公共组件目录
│  │  └── title.vue
│  ├── assets #资源目录，如图片、字体等，这里的资源会被wabpack构建
│  │  └── images
│  │    └── logo.png
│  ├── routes #前端路由
│  │  └── index.js
│  ├── store #应用级数据（state）
│  │  └── index.js
│  └── views #页面目录
│    ├── hello.vue
│    └── notfound.vue
├── static #纯静态资源，如图片、字体等，不会被wabpack构建
├── .xxxx文件  #这些是一些配置文件，包括语法配置，git配置等
├── index.html #首页入口文件，你可以添加一些 meta 信息或统计代码啥的
├── package-lock.json #记录当前状态下实际安装的各个npm package的具体来源和版本号
├── package.json #存放项目的依赖配置（比如vuex，element-UI）
├── README.md    #项目的说明文档，markdown 格式