当前位置: 首页 > news >正文

微信小程序--28(npm包)

目录

一、小程序对npm的支持与限制,

二、什么是Vant Weapp

三、安装Vant组件库

(一)通过npm安装

(二)构建npm包

(三)修改 app.json


一、小程序对npm的支持与限制,

小程序已经支持使用npm第三方包,目的就是为了提高小程序的开发效率。但在小程序使用过程中,会有一些限制:

  • 首先它不支持node.js内置库的包
  • 其次它不支持依赖于浏览器内置对象的包
  • 最后它也不支持依赖于C++插件的包
  • 因此供小程序使用的包数量较少

二、什么是Vant Weapp

它是有赞前端团队开源的一套小程序UI组件库,助力开发者快速搭建小程序应用。运用了MIT开源许可协议,对商业使用较友好

介绍 - Vant Weapp (vant-ui.github.io)

三、安装Vant组件库

在小程序项目中,安装Vant组件库步骤如下:

详细步骤可以参考https://youzan.github.io/vant-weapp/#/quickstart#an-zhuang

(一)通过npm安装

1、初始化package包

2、安装并指定版本号

 reason: certificate has expired报错

解决办法:输入npm config set strict-ssl false ,之后再次输入npm i @vant/weapp@1.3.3 -S --production,安装成功

(二)构建npm包

打开微信开发者工具,点击工具--》构建npm,并勾选使用npm模块的选项,构建完成后,就可以引入组件了

(三)修改 app.json

将 app.json 中的 "style": "v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。


http://www.mrgr.cn/news/3440.html

相关文章:

  • PPP简介
  • STM32之点亮LED灯
  • 静态代理和动态代理
  • JAVA_7
  • MySQL读写分离
  • MyBatis源码系列1(使用JDBC查询数据)
  • 代码随想录跟练第六天——LeetCode
  • 网际报文协议ICMP及ICMP重定向实例详解7
  • 利用贝叶斯和决策树 来进行医疗诊断的
  • ORA-01110
  • 【ARM 芯片 安全与攻击 5.6 -- 侧信道与隐蔽信道的区别】
  • uniapp-部分文件中文乱码
  • 程序员如何学习开源项目
  • PCB线宽和线间距设计PCB抄板
  • Maven 从本地文件系统加载依赖项
  • [CLIP-VIT-L + Qwen] 多模态大模型学习笔记 - 5
  • 软件测试学习笔记丨Allure2报告添加附件报告定制
  • 【Redis】哈希类型详解及缓存方式对比:从命令操作到实际应用场景
  • C:数组传参的本质
  • 【ARM系统】基础知识总结