本项目是基于vue2最新实战项目,实现了移动端使用最多的 无限滚动，图片加载，左右滑动，等等。
###首先
- 本项目地址github地址
- vue-cli
- vue
- vue-resource
- vue-router
- vuex
- vue-awesome-swiper
- vue-infinite-scroll
- stylus
- webpack
###上图
- 瀑布流布局，无限滚动，图片懒加载
- 左右滑动，左右切换
###安装
项目地址：（git clone）
git clone https://github.com/xiaoyaopai/vue-Meizi.git通过npm安装本地服务第三方依赖模块(需要已安装Node.js)
npm install
启动服务(http://localhost:9090)
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 // 主页面 │ ├── vuex // vuex状态管理器 │ ├── router.js // 路由配置器 │ └── main.js // Webpack 预编译入口
###实现的功能
- 瀑布流布局
- 无限滚动
- 侧边导航
- 图片懒加载
- 左右滑动切换
- 等等