这是一个基于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支持一下，谢谢！如果有问题，也欢迎一起讨论！

vue2+webpack2实现饿了么移动端商家页面相关推荐

最新 vue2.x 仿饿了么app商家页面项目总结
最新vue2.x仿饿了么app 商家页面项目总结标签(空格分隔): vuejs 前言仿饿了么app是基于vue2.x最新实战项目,用到的技术栈 vue2 + vue-router2 + vue- ...
vue2.0仿饿了么webAPP项目
# webapp vue2.x仿饿了么app项目总结项目地址:https://github.com/harrietjia/vue2-webapp.git 如果觉得有帮助,希望可以在右上角给我个sta ...
饿了吗app都是用html写的,Vue2.0仿饿了么webapp单页面应用详细步骤
这篇文章主要为大家详细介绍了Vue2.0仿饿了么webapp单页面应用详细步骤,具有一定的参考价值,可以用来参考一下. 感兴趣的小伙伴,下面一起跟随512笔记的小编两巴掌来看看吧! 部分截图 [图片暂 ...
美团坐困涨佣局，饿了么赋能小商家，谁能笑到最后？
美团坐困涨佣局,饿了么赋能小商家,谁能笑到最后? 文|大力财经近日的三个新闻连起来看,对餐饮行业或许会有更深的认知: 一方面,由于疫情带来的持续低迷,即便如西贝.海底捞这样的头部品牌企业也艰难支撑, ...
【通用CSS模板】移动端H5页面统一样式.css
/*移动端H5页面统一样式----------------------------------------*/ @charset "UTF-8"; body, html, li, ...
移动端网站页面优化的关键点
随着智能手机的普及以及平板等移动端设备的应用越来越广泛,面对更多消费体的移动端设备也有更多的企业正在加快移动网站的建设,从而为企业带来更多的流量和用户.但对于很多移动端网站,人们并没有进行很好的优化, ...
移动端H5页面高清多屏适配方案
背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为视觉稿. 对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范 ...
内置h5 调用safari系统浏览器打开_开发教我做设计：移动端H5页面中的橡皮筋效果...
什么是橡皮筋效果(Over Scroll)? 在浏览被H5与iOS客户端混合编程的页面时,由于Safari浏览器的特性,当H5页面滑动到页面顶部.页面底部的位置时,继续下拉/上拉H5网页会出现&quo ...
教你如何用 lib-flexible 实现移动端H5页面适配
前话好久没写教程了(可能会误导新手的菜鸟教程(￣▽￣)"). 这是我的github,欢迎前端大大们和我一起学习交流 https://github.com/pwcong 最近入职公司做前端实 ...

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

项目运行

项目说明

用到的技术栈

vue2+webpack2实现饿了么移动端商家页面相关推荐

最新文章

热门文章