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

相关推荐
小林爱10 分钟前
【Compose multiplatform教程08】【组件】Text组件
android·java·前端·ui·前端框架·kotlin·android studio
跨境商城搭建开发20 分钟前
一个服务器可以搭建几个网站?搭建一个网站的流程介绍
运维·服务器·前端·vue.js·mysql·npm·php
hhzz21 分钟前
vue前端项目中实现电子签名功能(附完整源码)
前端·javascript·vue.js
秋雨凉人心24 分钟前
上传npm包加强
开发语言·前端·javascript·webpack·npm·node.js
NoneCoder1 小时前
CSS系列(37)-- Overscroll Behavior详解
前端·css
Nejosi_念旧1 小时前
使用Webpack构建NPM Library
前端·webpack·npm
前端切圖仔1 小时前
失业,仲裁,都赶上了(二)
前端·javascript·程序员
冰红茶-Tea1 小时前
typescript数据类型(二)
前端·typescript
slongzhang_1 小时前
elementPlus消息组件多按钮案例
前端·javascript·vue.js
V+zmm101341 小时前
基于微信小程序的在线选课系统springboot+论文源码调试讲解
java·小程序·毕业设计·mvc·springboot