以Vant Weapp为例:
1.在微信开发者工具中,右键小程序文件夹,选择“在终端中打开”进入DOS命令环境,执行npm init完成初始化配置,在项目文件夹下生成package.json文件。
2.在github上找到Vant Weapp库的安装说明,执行npm i vant-weapp -S --production命令安装
3.点击小程序开发工具菜单中的“工具”-“构建npm”完成构建,在小程序项目目录下会生成"项目名_npm"的组件库文件夹
4.在微信开发者工具快捷菜单最右面有个详情按钮,勾选“本地设置”-“使用npm模块”
5.引用组件:在json文件的"usingComponents"配置项中设置要使用的组件。
movie.json
{
"usingComponents":{
"van-button":"vant-weapp/button"
}
}
6.使用:在wxml文件中直接使用组件
<van-button type="danger">危险按钮</van-button>
网友评论