首先得确认自己电脑安装了node.js，如果没有安装自行百度
在文件夹里面输入命令，一致确认下去就好
npm init
这时候就能看到package.json文件
image.png
开始安装Weui组件库
npm install --save weui-miniprogram --production
点击小程序开发工具的工具--构建npm，构架完成后如下图
image.png
点击小程序开发工具右上角详情--本地设置，勾选上使用npm模块，这里有个坑需要注意一下，记得把基准库选择最新的。
image.png
在小程序app.wxss中引入样式文件（按照自己的路径引入）
@import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
在需要页面的json文件引入需要的组件
"usingComponents": {
"mp-searchbar": "/miniprogram_npm/weui-miniprogram/searchbar/searchbar"
}
在对应的wxml页面就可以使用了
<mp-searchbar bindselectresult="selectResult" search="{{search}}"></mp-searchbar>
效果图如下
image.png
网友评论