Vue项目之项目目录总结

前言
        在我们利用vue cli手脚架创建好项目后，针对vue的几个重要文件夹及文件做一个小结。

目录介绍

         介绍几个重要的文件夹及文件：

• node_modules ： 项目依赖包（在package.json中安装的依赖都会放在node_modules包下）
• assets ： 静态文件包 （在动态绑定中，此包下的所有静态文件，如图片，不可以相对路径获取，要利用require直接获取，因为webpack使用的时commenJs规范，必须使用require才可以，具体我会在项目中说明）
• components ： 组件包
• router ： 路由包（router）
• stroe ：状态管理包（vuex）
• views ： 视图包
• App.vue ：主页面，所有页面都是切换router来达到切换视图的效果，所以，所有的页面都会在App.vue里进行切换，可以这么理解，App.vue是用来承受所有页面的容器。
• main.js ：如果你想加入一些第三方的依赖的话，可以在这里配置，比如：router、vuex、element-ui、mui、axios等。
• package.json ： 主要存放依赖信息，这里基本上没有动手改的，但是如果你想删除某些依赖的话，在里面删除你想删除的依赖，然后再终端yarn install即可。
• vue.config.js ： vue主要配置信息，这也是我最想说的一个配置，在vue cli3以上创建项目时，没有build和config文件夹，所以我们配置vue基础信息需要我们自己在项目根目录下创建，然后再根据其配置，而且他就叫这个名字，不要随意改动。

下一章节：Vue之路由（Router）