vue2+webpack2实现饿了么移动端商家页面
来源:互联网 发布:网易企业邮箱端口 编辑:程序博客网 时间:2024/04/28 12:07
这是一个基于Vue全家桶实现的饿了么移动端webap http://www.tuicool.com/articles/JZNjEnB
项目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...
- vue2+webpack2实现饿了么移动端商家页面
- vue2+webpack2实现饿了么移动端商家页面
- 基于webpack2.x的vue2.x的多页面站点
- 基于webpack2.x的vue2.x的多页面站点
- Vue2饿了么
- Webpack2 + Vue2 + Vue-Router2 如何实现懒加载?
- vue2+webpack2 初始化项目
- Vue.js2.0-饿了么商家
- 基于Vue2.js全家桶的移动端AppDEMO实现
- 基于vue2全家桶实现的,仿移动端QQ
- 基于Vue2.js全家桶的移动端AppDEMO实现
- 基于vue2全家桶实现的,仿移动端QQ
- 基于Vue2实现的上拉加载之移动端
- 订餐系统之同步饿了么商家订单
- 基于 vue2 + vuex2 构建一个具有 40 多个页面的大型单页面应用 饿了么
- vue2.0仿饿了么webapp
- Vue2 移动端开发记录
- 移动端布局页面实现
- new,malloc,GlobalAlloc用法
- Android分包MultiDex原理详解
- mysql操作初级学习笔记
- 循环队列的基本操作
- Linux下C++操作MySQL
- vue2+webpack2实现饿了么移动端商家页面
- 【LeetCode】 206. Reverse Linked List C语言
- ABAP memory中的Export和Import
- angularjs 实现图片上传实时预览
- Utils
- 程序的堆和栈及栈帧的组成
- 以“人民的名义”劝你快去读点书
- 【LeetCode】 234. Palindrome Linked List C语言
- nginx入门安装和虚拟主机配置