本项目是基于vue2最新实战项目,vue2 +vue-router2 + es6 +webpack 高仿饿了么app,是适合新手进阶的绝佳教程。
项目原Readme:https://github.com/liangxiaojuan/eleme/blob/master/README.md
项目地址:(git clone
)
git clone https://github.com/jingyi21/Vue-Simulator-Eleme.git
通过npm
安装本地服务第三方依赖模块(需要已安装Node.js)
npm install
启动服务(http://localhost:8080)
npm run dev
发布代码
npm run build
安装 vue-cli
npm install -g vue-cli
安装 vue-cli eslint
npm install -g eslint
安装依赖 friendly-errors-webpack-plugin
npm install friendly-errors-webpack-plugin --save-dev
├── build // 构建服务和webpack配置 ├── config // 项目不同环境的配置 ├── dist // 项目build目录 ├── index.html // 项目入口文件 ├── package.json // 项目配置文件 ├── src // 生产目录 │ ├── assets // 图片资源 │ ├── common // 公共的css js 资源 │ ├── components // 各种组件 │ ├── App.vue // 主页面 │ └── main.js // Webpack 预编译入口
- vue-cli
- vue
- vue-resource
- vue-router
- vue-infinite-scroll
- stylus
- webpack
- 加入购物车动画
- 弹出购物车 商品详情页
- 分类切换 图片左右滑动