一 确保npm和node安装成功
二 微信开发者工具新建一个项目(勾选不使用云开发)
三 微信开发者工具中右键:在外部终端窗口中打开
四 执行
1.npm init
在根目录下一直回车,此时会多一个package.json文件
2.npm i @vant/weapp -S --production
使用这种安装方法,路径可以直接从官方文档复制,无需修改
五 修改 app.json
将 app.json 中的 "style": "v2"
去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。
六 去开发者工具中执行工具-构建npm,并勾选 使用 npm 模块 选项,构建完成后,即可引入组件(如果没有构建npm选项建议更新微信开发者工具)
七 使用vant ui组件
1、在页面的json文件里引入button组件
{
"usingComponents": {
"van-button": "@vant/weapp/button/index"
}
}
2.wxml文件里写入组件
<van-button type="default">默认按钮</van-button>
<van-b