在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
一、官网给的文档写的不够充分,需要你充分理解npm的使用方法,才能明白的; 二、第一步:先在你电脑上安装npm 参考下面文章 https://www.cnblogs.com/zmdComeOn/p/11543441.html 三、第二步: 1、第一步:打开终端 cd 到项目目录下 输入如下命令: npm init 如下图所示
输入命令后一直点回车,如下图:
2、第二步:输入如下命令 npm install --production 3、第三步:输入如下命令 npm i vant-weapp -S --production (此命令为要构建的代码包,如果想构建其他代码包,只需输入其他对应的命令即可) 如下图里面有的两个包构建的文件 命令分别如下 (npm i miniprogram-sm-crypto --production 和 npm i vant-weapp -S --production 和 npm install weui-miniprogram --save --production)
四、还要注意一点就是微信开发者工具要更新到最新版本,不然点击工具没有构建npm这一栏, 执行命令完之后,然后再去微信开发者中点工具-构建npm,
然后就成功了,如下图:
五、下面以引入button组件到某页面为例子: 在此页面的.json中配置 "usingComponents": { "van-button": "../../miniprogram_npm/vant-weapp/button/index" },
<van-button type="default">默认按钮</van-button> <van-button type="primary">主要按钮</van-button> <van-button type="info">信息按钮</van-button> <van-button type="warning">警告按钮</van-button> <van-button type="danger">危险按钮</van-button> 重新编译项目 发现 已经正常引用了!下面是vant-weapp文档教程 六、vant-weapp使用教程文档 https://youzan.github.io/vant-weapp/#/quickstart |
请发表评论