微信小程序安装vant组件库和使用

第一步打开终端输入

npm install @vant/weapp --save

第二步

npm cache clean --force

第三步

npm i @vant/weapp -S --production

第四步在app.json中的usingComponents输入 "van-button":

"@vant/weapp/button/index"

第五步直接在页面使用

<van-button type="primary">主要按钮</van-button>

第六步在工具中的构建npm,然后构建完成在点击完成

相关推荐
程序员小八7775 分钟前
Go Web 工程化:日志、配置与错误处理中间件,让服务「能上线」
前端·中间件·golang
SquabbyZhu25 分钟前
从 4 个 URL 到 1 个入口:Peaks-Loop 驱动的微前端聚合实践
前端
Hilaku33 分钟前
技术好就能升职是前端圈最大的谎言!
前端·javascript·程序员
lhldsg35 分钟前
树洞倾诉的核心需求与产品定位误区
java·前端·小程序
光影少年1 小时前
react navite高频手写/实操题
前端·javascript·react native·react.js·前端框架
hunterandroid1 小时前
HarmonyOS 弱网与离线优先架构实战:请求队列、本地缓存与增量同步
前端·前端框架
lhldsg1 小时前
宠物同城领养平台开发实战:从需求分析到上线部署指南
java·前端·小程序·需求分析·宠物
hunterandroid1 小时前
Android 内存泄漏排查实战:从 LeakCanary 报警到根因定位
android·前端
leoZ2311 小时前
AI+前端提效-12 AI辅助前端性能优化与监控:从开发到线上全流程提效
前端·人工智能·神经网络·自然语言处理·性能优化·keras·知识图谱
阿图灵1 小时前
LangGraph 实战 03:Workflows 与 Agents——六种工作流模式与智能体实战(附 6 个可运行示例)
java·前端·javascript·工作流·ai agent·智能体·langgraph