eleme

vue2 +vue-router2 + es6 +webpack 高仿饿了么app商家详情,demo:http://yangyi1024.com/elem 还有我最新的实战项目,点它=》

Github stars Tracking Chart

本项目是基于vue2最新实战项目,vue2 +vue-router2 + es6 +webpack 高仿饿了么app,是适合新手进阶的绝佳教程。

###首先


  • 喜欢的请点心,关注,star ,fork,这些是我坚持下去的动力
  • demo地址 demo (请用chrome的手机模式预览)
    *本项目地址github地址
  • 我的另外一个vue开源项目 Meizi 用了vuex,和其他比较火的包,才刚刚上传,代码更加简单,设计更加简洁,注释更加多!喜欢vue的朋友赶紧去看看。
  • 手机扫一扫

1484297893.png

项目技术架构


  • vue-cli
  • vue
  • vue-resource
  • vue-router
  • vue-infinite-scroll
  • stylus
  • webpack

###上图


  • 加入购物车动画

11.gif

  • 弹出购物车 商品详情页

2222.gif

  • 分类切换 图片左右滑动

3333.gif

###安装


项目地址:(git clone

git clone https://github.com/liangxiaojuan/eleme.git

通过npm安装本地服务第三方依赖模块(需要已安装Node.js)

npm install

启动服务(http://localhost:8080)

npm run dev

发布代码

npm run build

安装注意

安装 vue-cli

npm install -g vue-cli

安装 vue-cli eslint

npm install -g eslint

安装依赖 friendly-errors-webpack-plugin

npm install friendly-errors-webpack-plugin --save-dev

###目录结构


###实现的功能


  • 商品滚动 ,商品滚轮滚动
  • 商品联动
  • 加入购物车,移除购物车
  • 显示评论 评论筛选
  • 图片左右滑动
  • 商品详情 父子组件的通信
  • 等等

正在实现的功能


  • vuex
  • 无限滚动
  • 上拉刷新
  • 更多更精彩的内容

最后


  • 我的另外一个vue开源项目 Meizi 用了vuex,和其他比较火的包,才刚刚上传,代码更加简单,设计更加简洁,注释更加多!喜欢vue的朋友赶紧去看看。
  • 如果喜欢一定要 star哈!!!(谢谢!!)
  • 如果有意见和问题 请在 lssues提出,我会在线解答。
  • 我年后要离职了 对我感兴趣的可以联系我 简历

Main metrics

Overview
Name With Ownerliangxiaojuan/eleme
Primary Language
Program languageJavaScript (Language Count: 0)
Platform
License:
所有者活动
Created At2016-12-10 10:19:25
Pushed At2020-04-20 02:46:22
Last Commit At2020-04-20 10:46:10
Release Count0
用户参与
Stargazers Count1.6k
Watchers Count84
Fork Count563
Commits Count23
Has Issues Enabled
Issues Count29
Issue Open Count0
Pull Requests Count0
Pull Requests Open Count0
Pull Requests Close Count0
项目设置
Has Wiki Enabled
Is Archived
Is Fork
Is Locked
Is Mirror
Is Private