小程序云开发引入weui

在miniprogram右键点击,在终端打开:小程序云开发引入weui_第1张图片
小黑窗中输入:npm init 然后默认,一直回车键
小程序云开发引入weui_第2张图片
回到文件夹中出现package.json文件:
小程序云开发引入weui_第3张图片
然后在小黑窗中下载weui包:npm install --save weui-miniprogram --production等待下载完成,然后在工具栏–>>工具—>>构建npm
小程序云开发引入weui_第4张图片
在详情里勾选上使用npm模块:
小程序云开发引入weui_第5张图片
在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中使用组件:


    
        Uploader
        上传组件
    
    文本域