vue2+webpack2实现饿了么移动端商家页面

Blackjun 发布于2019-08-20 15:50 / 2591人阅读

摘要：这是一个基于全家桶实现的饿了么移动端项目地址如果觉得对您有帮助，您可以在上给我个支持一下，谢谢如果有问题，也欢迎一起讨论先来张项目动态截图感受下项目运行克隆项目到本地安装依赖本地开发，开启服务器，浏览器访问构建生产项目说明用到的技术栈

这是一个基于Vue全家桶实现的饿了么移动端webapp
项目github地址：https://github.com/JerryYgh/m...
如果觉得对您有帮助，您可以在github上给我个star支持一下，谢谢！如果有问题，也欢迎一起讨论！

先来张项目动态截图感受下

项目运行

克隆项目到本地

git clone https://github.com/JerryYgh/m...

安装依赖

npm install

本地开发，开启服务器，浏览器访问http://localhost:8080

npm run dev

构建生产

npm run build

项目说明 用到的技术栈

vue2 + vue-router2 + webpack2 + vue-cli2 + vue-resource + stylus + flex + eslint

主要功能说明

1、resource文件里有UI原稿psd，切好的图，及标注文件。

2、基于vue2.0

3、使用vue-cli2脚手架搭建项目

4、使用webpack2打包项目文件

5、使用vue-router2实现路由切换

6、使用vue-resource进行数据请求

7、stylus编写样式

8、flex弹性布局

9、eslint进行es6代码检查

10、联动滚动借助了better-scroll插件

11、localStorage实现本地存储

学习参考

vue2.0官网：https://vuefe.cn/v2/guide/

webpack1免费视频课程，戳这里：http://www.imooc.com/learn/802

webpack1向webpack2升级：https://webpack.js.org/guides...

better-scroll插件使用：https://github.com/ustbhuangy...

stylus：http://www.zhangxinxu.com/jq/...

ES6入门: http://es6.ruanyifeng.com/

Stickyfooters指南: http://www.w3cplus.com/css3/c...

Flex弹性布局: http://www.ruanyifeng.com/blo...

localStorage本地存储: http://www.cnblogs.com/st-les...

最后：本项目有付费视频课程，戳这里：http://coding.imooc.com/class...

项目github地址：https://github.com/JerryYgh/m...

如果觉得对您有帮助，您可以在github上给我个star支持一下，谢谢！如果有问题，也欢迎一起讨论！

云服务器 GPU云服务器饿了么饿了么 js 饿了么配送调度饿了么api接口

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82519.html

vue2 + vuex 高度还原 饿了么 App，与官方后台真实数据交互，获取商品信息，实现登陆、购

摘要：注此项目纯属个人瞎搞，正常下单请选择饿了么官方客户端。目前下单功能已经实现，下单功能完全采用官网真实数据，可以控制官网发短信或者打电话到指定的手机号码，下单后可以在手机中查看并且付款。前言 vue2的发布后自己也研究了一段时间，奈何公司的技术栈是以react为主，没有机会好好利用vue2去做一个完整的项目。虽然写了几个demo，但和写一个完整的项目还是有很大差别的。于是自己想着用空余...

JeOam 2019-08-20 14:26 评论0 收藏0
【收藏】2019年最新Vue相关精品开源项目库汇总

摘要：前言本文的前身是源自上的项目但由于该项目上次更新时间为年月日，很多内容早已过期或是很多近期优秀组件未被收录，所以小肆今天重新更新了内容并新建项目。提交的项目格式如下项目名称子标题相关介绍如果收录的项目有错误，可以通过反馈给小肆。前言本文的前身是源自github上的项目awesome-github-vue,但由于该项目上次更新时间为2017年6月12日，很多内容早已过期或是很多近期优...

williamwen1986 2019-08-23 14:50 评论0 收藏0
慕课网 饿了么 vue2.0 项目

饿了么 vue 项目总结项目效果预览 ele效果预览项目源码地址 ele源码跟着慕课网黄轶老师敲饿了么 vue 项目作者项目源代码地址项目完成之后 npm run build 这本来是写在最后面一段的，我现在把他写在了最前面，方便我们事先知道，整个项目做完之后是什么样子的项目完成之后在根目录下 npm run build （就是 npm run dev 的那个目录）会在根目录...

xuexiangjys 2019-08-20 18:10 评论0 收藏0