微信小程序-使用npm包

本文介绍了微信小程序如何利用npm安装和使用第三方包,如Vant Weapp UI组件库,并详细阐述了安装、配置及使用的步骤。同时,文章还探讨了如何通过miniprogram-api-promise将API Promise化,提升小程序异步代码的可读性和维护性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

小程序对 npm 的支持与限制
目前,小程序中已经支持使用npm 安装第三方包,从而来提高小程序的开发效率。但是,在小程序中使用npm 包有如下 3个限制:
①不支持依赖于Node.js内置库的包
②不支持依赖于浏览器内置对象的包
③不支持依赖 C++插件的包
Vant-Weapp
Vant Weapp 是有赞前端团队开源的一套小程序 UI组件库,助力开发者快速搭建小程序应用。它所使用的是MIT开源许可协议,对商业比较友好。
安装 Vant 组件库
在小程序项目中,安装Vant组件库步骤:
①通过 npm 安装(建议指定版本为@1.3.3)
②构建npm 包
③修改 app.json
具体安装步骤:
①安装node.js ,并配置环境变量
②打开微信小程序开发工具,右键空白区域
点击 在外部终端窗口中打开,
在弹出窗口输入 :npm init -y ,初始化 package.json命令
③在输入  npm i @vant/weapp@1.3.3 -S --production
④打开 开发工具
工具 -> 构建npm -> 点击 详情 ->本地设置->勾选使用npm 模块
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值