vue目录结构设置

219 阅读1分钟
  • index.html文件入口;在public文件夹下

  • src放置组件和入口文件;

  • node_modules为依赖的模块;

  • config中配置了路径端口值等;

  • build中配置了webpack的基本配置、开发环境配置、生产环境配置等。

  • main.js是我们的入口文件,主要用于初始化vue实例,并使用需要的插件。

  • App.vue是我们的主组件,所有的页面都在App.vue下进行切换。我们可以将router标示为App.vue的子组件。

  • 在每个模板中给style设置一个scoped属性,意为该style的属性只对这个组件起作用,不会影响到其他组件中含有相同class的元素。

  • src下的assets文件夹一般放一些页面下的静态图片(通常是小图片)例如:icon图标,压缩为base64格式减少加载

  • public文件夹下可以存放大图片

  • util文件下一般放些公共机制 例如:金额转化等。。。

  • storage文件下存放:数据储存的工具箱

  • store文件下放Vuex

  • route文件下放路由

  • pages文件下放页面文件