小程序中如何使用vantUi库

一、小程序中如何使用vantUi库

小程序自带的一些组件有时候不能满足我们的一些需求,这个时候引入vant ui的组件是一个好的选择,今天详细说说使用这个vant ui的曲折过程。。。。

1.先在小程序中打开终端,使用npm init -y命令初始化,生成package.json文件
在小程序跟目录cmd进入小黑框或者直接在微信开发工具里终端打开,输入npm init -y
在这里插入图片描述
2.安装vant ui 依赖

npm i @vant/weapp -S --production

3.根据vant ui官网要求 package.json 和 node_modules 必须在 miniprogram 目录下;所以我们使用工具让它自动生成
操作步骤:点击左上方的工具,选择构建npm
在这里插入图片描述

操作成功的效果图:
在这里插入图片描述
4.引用和使用vant组件:(关于如何引用和使用组件可以参考官方文档噢,很齐全)

去官网的使用方式:点击跳转到vant weapp官网

猜你喜欢

转载自blog.csdn.net/qq_38110274/article/details/109534629