一个38000+star的开源项目，它里面到底有什么？

大家好,我是前端实验室的大师兄！

相信大家在学习vue的时候，都会在网上搜索vue的实战项目源码，但是大部分搜索出来的都是小demo

对于深究vue没有太大的帮助,更别提写在简历上拿出来吹🐂🖊了，于是大师兄就深挖github,终于帮助大家找到了一个拥有3.8W+star的神级vue项目

vue2-elm

介绍

作者的话： 初学vue时曾在网上搜索vue的实战项目源码，无奈大部分都是简单的demo，对于深究vue没有太大的帮助，剩下的一些大部分都是像音乐播放器之类的展示型项目，交互没有预期那么复杂。 但我们实际在工作中，经常会遇到有购物车的项目，这类项目因为涉及到money，所以对逻辑严谨度要求高，页面之间交互复杂，又会伴随着登录、注册、用户信息等等，常常会让我们很头疼。 既然还没人用vue写过这样的项目，那不如我来写，开源出来对能看到的人也会有帮助。

此项目大大小小共 45 个页面，涉及注册、登录、商品展示、购物车、下单等等，是一个完整的流程。一般公司即便是官网的单页面项目都没这么复杂，如果这个项目能驾驭的了，相信大部分公司的其他单页面应用也就不在话下，即便更复杂，也不会比这个高到哪里去。

目录结构

‍

技术栈

• vue2
• vuex
• vue-router
• webpack
• ES6/7
• fetch
• sass
• flex
• svg

拥有功能

• 定位功能
• 选择城市
• 搜索地址
• 展示所选地址附近商家列表
• 搜索美食，餐馆
• 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选
• 餐馆食品列表页
• 购物车功能
• 店铺评价页面
• 单个食品详情页面
• 商家详情页
• 登录、注册
• 修改密码
• 个人中心
• 发送短信、语音验证
• 下单功能
• 订单列表
• 订单详情
• 下载App
• 添加、删除、修改收货地址
• 帐户信息
• 服务中心
• 红包
• 上传头像

运行

node 需要 6.0 以上版本

//安装
npm install 或 yarn(推荐)
//运行
npm run dev

github地址：https://github.com/bailicangdu/vue2-elm

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。