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

相关推荐
初遇你时动了情4 分钟前
前端使用TensorFlow.js reactjs调用本地模型 实现图像、文本、音频/声音、视频相关识别
前端·javascript·tensorflow
广州华水科技10 分钟前
单北斗GNSS变形监测系统安装与应用解析,提升位移监测精度
前端
J***Q29213 分钟前
前端微前端框架原理,qiankun源码分析
前端·前端框架
菜鸟‍13 分钟前
【前端学习】React学习【万字总结】
前端·学习·react.js
百***844520 分钟前
Webpack、Vite区别知多少?
前端·webpack·node.js
Mintopia25 分钟前
零信任架构下的 WebAIGC 服务安全技术升级方向
前端·人工智能·trae
敏姐的后花园2 小时前
模考倒计时网页版
java·服务器·前端
AiXed3 小时前
PC微信WDA算法
前端·javascript·macos
一只小阿乐9 小时前
react 封装弹框组件 传递数据
前端·javascript·react.js
533_9 小时前
[element-plus] el-tree 动态增加节点,删除节点
前端·javascript·vue.js