小程序安装npm weui组件库

1、安装npm

1、用微信开发者工具新建基础项目

2、在该项目目录下执行

npm init

 

3、 在该目录下继续执行命令行，新增空的node_modules文件夹

npm i miniprogram-sm-crypto --production

 

4、点击微信开发者工具右侧详情

 

5、开发者工具菜单栏点击---》工具----》构建npm

完成后新增miniprogram_npm文件夹 

 完成。

2、安装WeUI组件库

1、安装：在该目录下终端中执行

npm install weui-miniprogram

安装完成后重新点击工具菜单下构建npm菜单，在miniprogram_npm文件夹下新增weui-miniprogram文件夹

2、使用：首先要在 app.wxss 里面引入 weui.wxss，如果是通过 npm 引入，需要先构建 npm（“工具”菜单 --> “构建 npm”）

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

 3、新建test页面以Icon组件为例测试是否引用成功，在test.json中注册icon组件

在test.wxml文件中使用组件

页面展示

引入weui组件库成功。