小程序如何安装使用WeUI组件库

最近在入门微信小程序开发，对于组件库WeUI，我通过npm的方式下载了，但是一直报错，说组件找不到，不明白哪里错了，后面才知道小程序依赖安装上有几个重要的点需要操作（使用npm模块和构建npm）。话不多说，以下就是操作步骤。

这是一套基于样式库weui-wxss开发的小程序扩展组件库，同微信原生视觉体验一致的UI组件库，由微信官方设计团队和小程序团队为微信小程序量身设计，令用户的使用感知更加统一。

在这里，我仅仅介绍第一种安装方式

1、首先设置微信编辑器，本地设置勾选‘使用npm模块’

2、终端输入npm i weui-miniprogram，下载依赖

3、微信小程序工具选择构建 npm，完成构建即可

有时候在选择构建npm时会报错：没有找到可以构建的npm包。

具体解决方案：先npm init 或者npm init -y 初始化，然后npm i @vant/weapp -S --production，然后勾选使用npm模块再构建npm。

4、app.wxss 全局引入weui-miniprogram 样式

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

5、对应的页面按需加载 weui-miniprogram 组件，在json文件配置

{
  "usingComponents": {
    "mp-form": "weui-miniprogram/form/form"
  }
}

总结：以上就是微信怎么安装使用WeUI组件库的步骤，一定不要忘了构建npm和使用npm模块这两个操作