微信小程序安装vant组件库

简介: 微信小程序安装vant组件库

1,安装vant

安装之前先初始化npm

在目录的空白处点击右键选择在外部终端窗口打开,执行命令

npm init

出现这个就说明安装成功了,然后就一直回车就好了。

安装完成后在终端输入以下命令

npm i @vant/weapp -S --production

注意:此时小程序根目录新增了“node_modules”文件夹,还有package-lock.json配置文件。建议在Windows窗口中看,不要在小程序工具里面查看,因为小程序工具的原因有时候会看不到node_modules文件夹。

2,构建npm

打开微信开发者工具,点击工具->构建npm包,选择使用npm模块(基础库版本高的可能没有)

执行完以后再项目根目录会增加:“miniprogram_npm”目录就是vant- weapp的组件。

最后根据文档提供,我们正常使用vant- weapp

相关文章
|
5月前
|
小程序 搜索推荐 JavaScript
微信小程序使用Vant
微信小程序使用Vant
191 2
|
5月前
|
存储 安全 小程序
在微信小程序中使用 Vant 时如何确保数据的安全?
在微信小程序中使用 Vant 时如何确保数据的安全?
66 1
|
5月前
|
SQL 监控 小程序
在微信小程序中使用 Vant 时如何防止 SQL 注入攻击?
在微信小程序中使用 Vant 时如何防止 SQL 注入攻击?
201 58
|
4月前
|
小程序 数据可视化 JavaScript
微信小程序:轻松实现时间轴组件
本文介绍了如何在微信小程序中实现一个可视化时间轴组件。该组件适用于展示用户资金流动、投资结算等时间节点,帮助用户直观了解资金去向。时间轴支持自定义节点形状、显示序号、倒序排列等功能,并通过插槽灵活定义动态内容。文中详细介绍了组件的设计与使用方法,以及如何结合动态 slot 实现自定义操作。该组件为展示用户资金信息提供了美观、易用的解决方案。
129 1
微信小程序:轻松实现时间轴组件
|
4月前
|
小程序
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
微信小程序动态tabBar实现:基于自定义组件,灵活支持不同用户角色与超过5个tab自由组合(更新版)
851 1
|
4月前
|
小程序 搜索推荐 API
微信小程序:自定义关注公众号组件样式
尽管关注公众号组件的样式固定且不可修改,但产品经理的需求却需要个性化的定制。在这种情况下,我们需要寻找解决方案,以满足这些特殊需求,尽管这可能有点棘手。
134 0
微信小程序:自定义关注公众号组件样式
|
4月前
|
小程序 前端开发 JavaScript
微信小程序图表制作利器:ECharts组件的使用与技巧
微信小程序图表制作利器:ECharts组件的使用与技巧
146 1
|
4月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
335 1
|
4月前
|
JSON 小程序 前端开发
vant weapp 在小程序中的使用
vant weapp 在小程序中的使用
184 1
|
4月前
|
小程序 JavaScript
微信小程序之input组件及其获取用户输入信息
微信小程序之input组件及其获取用户输入信息
94 1

热门文章

最新文章