微信小程序中使用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.使用
接下去就可以进行全局配置或者单页面配置来使用组件库了。