Home

Awesome

vue-Meizi

本项目是基于vue2最新实战项目,是适合新手进阶的绝佳教程。代码简单易懂,注释多多。实现了移动端使用最多的 无限滚动,图片加载,左右滑动,等待。先发布预览版本,后面更多更全的功能和教程将会陆续发出。

###首先


项目二维码.png

项目技术架构


###上图


1.gif

2.gif

3.gif

###安装


项目地址:(git clone

git clone https://github.com/liangxiaojuan/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

###目录结构


<pre> ├── build // 构建服务和webpack配置 ├── config // 项目不同环境的配置 ├── dist // 项目build目录 ├── index.html // 项目入口文件 ├── package.json // 项目配置文件 ├── src // 生产目录 │  ├── assets // 图片资源 │  ├── common // 公共的css js 资源 │  ├── components // 各种组件 │  ├── App.vue // 主页面  │  ├── vuex // vuex状态管理器 │  ├── router.js // 路由配置器 │  └── main.js // Webpack 预编译入口 </pre>

###实现的功能


正在实现的功能


最后