vant Webapp 快速使用

**

vant Webapp 快速使用

**

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。(对不不会写css或者不想写css的感觉非常好用)。

一。选取你的项目文件夹右键在终端打开

二。初始化npm并安装组件

npm init
npm i @vant/weapp -S --production

输入这两行指令，有一些需要填写的可以直接默认回车，也可以填写。

三。开发工具构建npm和使用

点击上方菜单栏工具，构建npm

点击右上角详情勾选使用npm

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

五。使用vant webapp组件
在app.json或者其他页面的json文件中配置usingComponents就能使用。