使用脚手架创建的vue项目目录详解

这是一个使用vue脚手架构建的项目，安装了需要的依赖。先看大致的目录情况。

1. 目录 build
   构建脚本目录；
   配置了webpack的基本配置、开发环境配置、生产环境配置等；

2. 目录 config
   构建配置目录；
   配置了路径端口值等

3. 目录 lib-img
   我自己建的，存的一些图片，一些项目中需要特别注意的点，我截的图放在项目里方便查看。可以忽略。

4. 目录 node_modules
   依赖的node工具包目录
   安装的axios,stylus等等项目需要的模块

5. 目录 src
   放置组件和项目入口文件

6. 目录 assets
   项目中的一些css，font，img等资源都存在这里

7. 目录 components
   存放项目中的组件
   因为是多页面应用，我的组件会特别多，所以在这里我只放了一些公用组件

8. 目录 pages
   我把所有的页面入口和页面组件都在这个文件夹里
   每个页面一个单独子文件夹
   子文件里分入口 .vue文件和 components 组件文件夹

9. 目录 router
   路由的相关配置，路径指示

10. 目录 store
    使用vuex时才建的这个文件夹，存放vuex相关文件

11. 目录 App.vue
    页面级vue组件

12. 目录 main.js
    页面入口js文件
    很多项目必须的资源需要在这里引入

13. 目录 static
    静态文件目录
    没有接口数据时，也可以把模拟数据存在这里，进行测试。

14. 目录 index.html
    入口页面

15. 目录 package.json
    项目描述文件

做个记录，别忘了。