Vue项目之项目目录总结

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

目录介绍

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)