小程序云开发引入weui

在miniprogram右键点击，在终端打开：
小黑窗中输入：npm init 然后默认，一直回车键

回到文件夹中出现package.json文件：

然后在小黑窗中下载weui包：npm install --save weui-miniprogram --production等待下载完成，然后在工具栏–>>工具—>>构建npm

在详情里勾选上使用npm模块：

在app.wxss中引入weui样式：

/**使用weui组件**/
@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';

在页面json文件中引入页面需要组件：

{
  "navigationBarTitleText": "发布文章",
  "enablePullDownRefresh": false,
  "usingComponents": {
    "mp-uploader": "../../miniprogram_npm/weui-miniprogram/uploader/uploader",
    "mp-cells": "../../miniprogram_npm/weui-miniprogram/cells/cells",
    "mp-cell": "../../miniprogram_npm/weui-miniprogram/cell/cell"
  }
}

在wxml中使用组件：

<view class="page">
    <view class="page__hd">
        <view class="page__title">Uploader</view>
        <view class="page__desc">上传组件</view>
    </view>
    <view class="weui-cells__title">文本域</view>
      <view class="weui-cells weui-cells_after-title">
          <view class="weui-cell">
              <view class="weui-cell__bd">
                  <textarea class="weui-textarea" placeholder="请输入文本" style="height: 3.3em" />
                  <view class="weui-textarea-counter">0/200</view>
              </view>
          </view>
      </view>
    <view class="page__bd">
        <mp-cells>
            <mp-cell>
                <mp-uploader bindfail="uploadError" bindsuccess="uploadSuccess" select="{{selectFile}}" upload="{{uplaodFile}}" files="{{files}}" max-count="9" title="图片上传" tips="图片上传提示"></mp-uploader>
            </mp-cell>
        </mp-cells>
    </view>
</view>

完成：