微信小程序---使用npm包安装Vant组件库

在小程序项目中,安装Vant 组件库主要分为如下3步:

 注意:如果你的文件中不存在pakage.json,请初始化一下包管理器 npm init -y

1.通过 npm 安装(建议指定版本为@1.3.3)

通过npm      npm i @vant/weapp@1.3.3 -S --production

通过yarn      yarn add @vant/weapp --production

2.构建npm包

3.修改app.json

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

官网:https://youzan.github.io/vant-weapp

安装完后,可以在app.json(全局)或index.json(局部)的usingComponents节点中引入需要的组件,即可在wxml中直接使用组件。

相关推荐

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-19 06:22:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-19 06:22:02       100 阅读
  3. 在Django里面运行非项目文件

    2023-12-19 06:22:02       82 阅读
  4. Python语言-面向对象

    2023-12-19 06:22:02       91 阅读

热门阅读

  1. 读写分离之同步延迟测试

    2023-12-19 06:22:02       81 阅读
  2. 【mask转json】文件互转

    2023-12-19 06:22:02       79 阅读
  3. Linux 命令大全备忘录

    2023-12-19 06:22:02       71 阅读
  4. 基于三维点云处理技术的工件识别和匹配

    2023-12-19 06:22:02       59 阅读