微信小程序中使用VantWeapp组件库

微信小程序中使用VantWeapp组件库

官方快速上手文档

1.新建项目

2.初始化项目

普通项目
如果不是云开发的项目：那么直接在根目录下执行命令：

npm init

一路回车(如果需要自己配置项目基本信息也可以)。在根目录下就会生成一个package.json文件。

云开发项目
在miniprogram文件夹下执行初始化命令。

3.安装组件库

执行命令：

npm i @vant/weapp -S --production

4.配置组件库

在详情—本地设置中勾选使用npm模块。

在工具栏中选择工具—构建npm。完成后应该如下所示：

5.修改小程序配置

修改app.json文件：

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

6.使用

接下去就可以进行全局配置或者单页面配置来使用组件库了。