vue-eleme-app

KO | EN

gitlite — search

#javascript #react #ai #llm #golang #android #docker #awesome #kubernetes #vue #pytorch #mcp #ios #openai

(★ 277)

🍔Vue2编写的高仿饿了么WebAPP

vue-eleme-app Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Vue高仿饿了么APP
> 使用vue@2.0开发的高仿饿了么APP（用户端）
> [Vue.js高仿饿了么外卖App 2016最火前端框架](http://coding.imooc.com/class/74.html)

## 主要依赖
- 基于vue@2.0
- 使用vue-cli@2.0搭建项目框架
- 使用vue-router@2.1进行页面路由切换
- 使用vue-resource@1.0.1进行http请求获取数据
- mock假数据存储在本地
- 使用stylus编写样式
- 使用eslint进行js代码的规范、
- 使用[better-scroll](https://github.com/ustbhuangyi/better-scroll)进行联动滑动

## 在线预览
[点我在线预览](http://chenyubo.me/vue-eleme-app/dist/index.html)

**（PC端建议开启chrome调试模式食用更佳，移动端直接在浏览器开启即可）**

## Build Setup

``` bash                                                 
# clone the repo into your disk.
$ git clone https://github.com/cccyb/vue-eleme-app.git

# install dependencies
$ npm install

# serve with hot reload at localhost:8088
$ npm run dev

# build for production with minification
$ npm run build

```

## 说明
~~暂时使用vue@1.0实现，后续会将vue@1.0迁移至vue@2.0，敬请期待！~~，已升级至2.0

- Mac下安装基于vue@1.x的vue-cli脚手架时报错`not matches webpack#1.0`

答：因为"#"在zsh中是特殊字符，所以需要在webpack#1.0外加双引号，即使用`vue init "webpack#1.0" <project-name>`。
- Stylus中文文档

答：http://www.zhangxinxu.com/jq/stylus/
- es6入门学习

答：http://es6.ruanyifeng.com/

- eslint规则

答：http://eslint.org/docs/rules/
- 设备像素比

答：http://www.zhangxinxu.com/wordpress/2012/08/window-devicepixelratio/
	
- Flex弹性布局

答：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool
- 移动端1px边框的实现

答：先给需要添加1像素边框的元素设置一个1像素的伪类，然后根据手机屏幕的dpi大小对伪类进行相应的缩减，从而达到手机端1像素边框的实现。
- CSS Sticky footer

答：[CSS秘密花园:Sticky footers](http://www.w3cplus.com/css3/css-secrets/sticky-footers.html)
- better-scroll实现联动

答：https://github.com/ustbhuangyi/better-scroll

vue-eleme-app

vue-eleme-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

vue-eleme-app

vue-eleme-app Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README