微信小程序--引入外部ui组件

vant web 为例

右键目录在终端打开

微信小程序--引入外部ui组件_第1张图片

码云地址

https://gitee.com/mirrors/Vant-Weapp

方式一. 通过 npm 安装 (推荐)

npm相关请百度

npm -init  一路回车

微信小程序--引入外部ui组件_第2张图片

下载vant组件

# npm
npm i vant-weapp -S --production

微信小程序--引入外部ui组件_第3张图片

小程序终端配置

1.点击工具选择   构建npm

2.点击详情使用npm模块

微信小程序--引入外部ui组件_第4张图片

可以看到已经下载配置好了

微信小程序--引入外部ui组件_第5张图片

开发文档地址

https://youzan.github.io/vant-weapp

按钮使用

微信小程序--引入外部ui组件_第6张图片

首页.json配置

微信小程序--引入外部ui组件_第7张图片

页面实例,这是官方文当中给的按钮标签

微信小程序--引入外部ui组件_第8张图片

我在做的时候出现了这个错误

微信小程序--引入外部ui组件_第9张图片

应该是npm没有安装好

我手动删除miniprogram_npm文件夹,然后重新走了上面的流程从下载组件开始。

 

 

 

你可能感兴趣的:(微信小程序)