云开发小程序安装weui组件的操作步骤

1、云开发小程序在 ./miniprogram下初始化npm，生成配置文件package.json

> npm init -y

操作记录：

PS E:\workspace-demo\wxmp\weui\miniprogram> npm init -y

Wrote to E:\workspace-demo\wxmp\weui\miniprogram\package.json:

{

  "name": "miniprogram",

  "version": "1.0.0",

  "description": "",

  "main": "app.js",

  "scripts": {

    "test": "echo \"Error: no test specified\" && exit 1"

  },

  "keywords": [],

  "author": "",

  "license": "ISC"

}

2、安装weui组件

> npm i weui-miniprogram@^1.0.6 -S --production

安装记录：

PS E:\workspace-mp\aiboard\miniprogram> npm i weui-miniprogram@^1.0.6 -S --production

npm WARN miniprogram@1.0.0 No description

npm WARN miniprogram@1.0.0 No repository field.

+ weui-miniprogram@1.0.6

updated 1 package and audited 1 package in 1.793s

found 0 vulnerabilities

3、IDE开发工具调整配置

（1）右侧顶部 “详情” -》“本地设置” =》 选中 “使用npm模块”

（2）主菜单： “工具” =》 “构建npm” 

会有操作结果的反馈。成功了，会多出新的文件夹  

miniprogram\miniprogram_npm\weui-miniprogram

4、引入全局样式表

在 app.wxss 中引入weui组件的全局样式表

@import "./miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss";