微信小程序安装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,然后构建完成在点击完成

相关推荐
桑晒.1 分钟前
CSRF漏洞原理及利用
前端·web安全·网络安全·csrf
宋辰月5 分钟前
Vue2-VueRouter
开发语言·前端·javascript
徐小夕6 分钟前
再也不怕看不懂 GitHub 代码!这款AI开源项目,一键生成交互架构图
前端·算法·github
Antonio9157 分钟前
【音视频】WebRTC 开发环境搭建-Web端
前端·webrtc
excel19 分钟前
JavaScript 中 WeakMap、WeakSet、Set、Map、Object、Array 的区别与应用场景
前端
haaaaaaarry1 小时前
Element Plus常见基础组件(一)
java·前端·javascript·vue.js
qingyingWin1 小时前
原生微信小程序研发,如何对图片进行统一管理?
前端·微信小程序
不懂英语的程序猿1 小时前
【JEECG】JVxeTable表格拖拽排序功能
前端·后端
拾光拾趣录1 小时前
前端灵魂拷问:从URL到Redux,17个常见问题
前端·面试
萌萌哒草头将军2 小时前
Prisma ORM 又双叒叕发布新版本了!🚀🚀🚀
前端·javascript·node.js