微信小程序引入组件教程

1、安装 node.js

下载网址:https://nodejs.org

2.通过 npm 安装

npm init -y

npm i @vant/weapp -S --production

3、修改 app.json

将 app.json 中的 "style": "v2" 去除

4、修改 project.config.json

关于修改 project.config.json 的详细内容,可见官方文档的快速上手中的步骤三

5、构建 npm 包

6、使用组件

官方文档详情参考网址:

介绍 - Vant Weapp (vant-ui.github.io)https://vant-ui.github.io/vant-weapp/#/home

相关推荐
三天不学习25 分钟前
UniApp三端实时通信实战:SignalR在H5、APP、小程序的差异与实现
微信小程序·uni-app·signalr
qq_124987075332 分钟前
基于springboot归家租房小程序的设计与实现(源码+论文+部署+安装)
java·大数据·spring boot·后端·小程序·毕业设计·计算机毕业设计
说私域1 小时前
留量为王,服务制胜:开源链动2+1模式、AI智能名片与S2B2C商城小程序的协同创新路径
人工智能·小程序·开源
游戏开发爱好者82 小时前
如何使用 AppUploader 提交上传 iOS 应用
android·ios·小程序·https·uni-app·iphone·webview
百锦再2 小时前
AI视频生成模型从无到有:构建、实现与调试完全指南
人工智能·python·ai·小程序·aigc·音视频·notepad++
恩创软件开发16 小时前
创业日常2026-1-8
java·经验分享·微信小程序·小程序
腾讯云云开发1 天前
微信发布AI小程序成长计划:免费云开发资源+1亿token额度!
微信小程序·ai编程·小程序·云开发
开发加微信:hedian1161 天前
推客与分销场景下的系统架构实践:如何支撑高并发与复杂业务规则
小程序
游九尘1 天前
在小程序中实现横竖屏切换的配置方法,实时监听页面宽度
小程序
weixin_lynhgworld1 天前
[特殊字符]旧物焕新颜,二手变宝藏——小程序系统开发开启绿色生活新篇章[特殊字符]
小程序·生活