wepy项目的学习

使用Promise

开发实时编译

wepy build --watch

安装依赖

cd myproject
npm install

安装（更新） wepy 命令行工具。

npm install wepy-cli -g

生成开发示例

wepy init standard myproject

wepy开发文档地址

https://tencent.github.io/wepy/

小程序开发文档

http://mp.weixin.qq.com/debug/wxadoc/dev/

├── api
│   └── api.js              //接口
├── app.wpy                 //入口文件
├── components                  //组件
│   ├── address_add.wpy         //新增地址组件
│   ├── address_edit.wpy        //编辑地址组件
│   ├── address_list.wpy        //地址列表组件
│   ├── bomb_screen.wpy         //首页弹屏组件
│   ├── collection_list.wpy     //收藏列表组件
│   ├── comment_list.wpy        //评论列表组件
│   ├── common              //公共组件
│   │   ├── bottomLoadMore.wpy      //底部加载更多组件
│   │   ├── placeholder.wpy         //空列表显示组件
│   │   ├── timer.wpy               //倒计时组件
│   │   ├── wepy-area-picker.wpy    //省市区组件
│   │   ├── wepy-sign-time.wpy      //签到组件
│   │   └── wepy-swipe-delete.wpy   //左滑删除组件
│   ├── discover.wpy        //发现列表
│   ├── filterSlider.wpy    //筛选右侧栏组件
│   ├── filter_bar.wpy      //分类排序组件
│   ├── order_item.wpy      //订单列表组件
│   ├── points_detail.wpy   //列表组件
│   ├── points_rule.wpy     //列表组件
│   ├── rate.wpy            //评分组件
│   ├── search.wpy          //搜索组件
│   ├── shop_cart.wpy       //购物车组件
│   ├── shop_grid_list.wpy  //矩阵列表
│   ├── shop_item_list.wpy  //条形列表
│   └── tab.wpy             //选项卡组件
├── images                  //图片文件夹
├── pages                   //页面
│   ├── address.wpy         //地址
│   ├── classify.wpy        //分类
│   ├── collection.wpy      //收藏
│   ├── comfire_order.wpy   //确认订单
│   ├── comment.wpy         //评论列表
│   ├── comment_add.wpy     //添加评论
│   ├── exchange_goods.wpy  //换货
│   ├── filter.wpy          //筛选
│   ├── goods_detail.wpy    //商品详情
│   ├── home.wpy            //首页
│   ├── home_detail.wpy     //首页详情
│   ├── info.wpy            //我的
│   ├── logistics.wpy       //物流
│   ├── messages.wpy        //我的消息
│   ├── order.wpy           //订单列表
│   ├── order_detail.wpy    //订单详情
│   ├── pay_success.wpy     //支付结果
│   ├── points.wpy          //积分
│   ├── points_more.wpy     //更多积分
│   ├── points_rule.wpy     //积分规则
│   ├── register.wpy        //注册
│   ├── reorder.wpy         //--
│   ├── replenishment_goods.wpy //补货
│   ├── search.wpy          //搜索
│   ├── setting.wpy         //设置
│   ├── shop_cart.wpy       //购物车
│   ├── sign_in.wpy         //签到
│   ├── test.wpy            //---
│   └── wholesale.wpy       //现货批发
├── plugins                 //插件
│   └── wxParse             //富文本
│       ├── html2json.js
│       ├── htmlparser.js
│       ├── showdown.js
│       ├── wxDiscode.js
│       ├── wxParse.js
│       ├── wxParse.wxml
│       └── wxParse.wxss    
├── styles                  //样式
│   ├── base.less
│   ├── icon.less           // 图标文件
│   └── style.less
└── utils                   //工具类
    ├── constant.js             //常量
    ├── md5.js                  //md5
    ├── regions.js              //省市区数据
    ├── tip.js                  //提示弹框组件
    ├── util.js                 //工具
    └── wxRequest.js            //ajax请求

首页，搜索商品，消息（我的消息），轮播图，签到，换货，特价专区，我要补货，优惠活动，

敲到有礼，积分规则，获得记录

我的页面

绑定手机号

手机号，验证码

（发送验证码）

全部订单

全部订单，待支付，待收货，已完成

补货订单

全部，待处理，待收货，已完成

我的积分

积分说明，积分明细，查看更多

我的足迹（我的足迹，我的收藏）

我的收藏

我的消息

设置（昵称，我的手机，收货地址）

购物车（全选，去结算，合计）

地址管理

收货人姓名，联系电话，所在地区，详细地址，设置默认地址

进入项目根目录，安装polyfill

npm install wepy-async-function --save
在app.wpy中引入polyfill
import 'wepy-async-function'; 
在app.wpy中使API promise化
export default class extends wepy.app {

    constructor () {
        super();
        this.use('promisify');
    }

}

---

请点赞！因为你的鼓励是我写作的最大动力！