微信小程序引用vant框架

本文介绍了如何在微信开发者工具中通过npm初始化并安装VantWeapp组件库,包括安装步骤和可能出现的问题解决方法。安装完成后,通过微信小程序开发工具的npm构建功能, vant 框架即可成功集成到小程序项目中,用于提升界面UI。如果显示问题,尝试重启开发工具以刷新效果。

1、在微信开发者工具中打开终端(视图-终端)输入 npm init (初始化)一直回车确认

2、vant 官网:

Vant Weapp - 轻量、可靠的小程序 UI 组件库

安装:

# 通过 npm 安装
npm i @vant/weapp -S --production

# 通过 yarn 安装
yarn add @vant/weapp --production

# 安装 0.x 版本
npm i vant-weapp -S --production

现在看文件列表中就会出来一个 node_modules文件夹

3、在微信小程序开发工具中 工具--构建npm 就会出来一个miniprogram_npm目录,现在vant框架就安装成功了,可以使用了,如效果展示不出来,可以重启微信开发工具,再进去查看 效果就展示出来了。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值