转载

高仿饿了么 App 商家详情(vue2 + vue-router2 + es6 + webpack)

高仿饿了么app商家详情 (vue2 +vue-router2 + es6 +webpack )

高仿饿了么 App 商家详情(vue2 + vue-router2 + es6 + webpack)

demo

demo 地址

项目依赖

  • 本项目依赖 eslint全局环境,没有请下载
  • cnpm install -g eslint
  • 这个脚手架最好也下了
  • cnpm install -g vue-cli

项目下载,运行,打包

  • git clone https://github.com/liangxiaojuan/eleme.git (下载)
  • cnpm install --save (淘宝镜像源)
  • npm run dev (运行)
  • npm run build (打包编译)

项目总结

  • 1.使用vue-cli构建项目,可以快速起手进入代码编写
  • 2.使用eslint 规范项目格式,保持风格统一
  • 3.使用 better-scroll 来进行滑动的支持
  • 4.尽量使用组件化,模块化的思想,即什么都能成为组件
  • 5.本项目在安卓4.2以下的动画效果不是很理想,滑动也不流畅。这一点正在改进。
  • 6.不利用vuex,进行父子间的通信。
  • 7.有什么意见建议请联系我 ##最后

最后附上github地址 https://github.com/liangxiaojuan/eleme ,喜欢的麻烦帮我点个star,我会分享更多干货。

原文  https://github.com/liangxiaojuan/eleme
正文到此结束
Loading...