微信小程序引入Vant Weapp组件库

第一步:

在项目的根目录打开终端窗口或者在微信的开发者工具里直接新建一个终端。
我是直接在开发者工具里新建了一个终端,效果是一样的。如图:
微信小程序引入Vant Weapp组件库
新建终端之后,直接输入 npm init 按下回车会让你输入packagename,输入你的项目名称即可

微信小程序引入Vant Weapp组件库
输入完之后按回车会出现version之类的,不用管,一路回车就好,出现Is this OK? (yes)的时候,按回车然后输入: npm install --production
微信小程序引入Vant Weapp组件库

微信小程序引入Vant Weapp组件库
按回车然后输入:npm i @vant/weapp -S --production
微信小程序引入Vant Weapp组件库

第二步:

点击开发者工具的详情-本地设置-使用npm模块
微信小程序引入Vant Weapp组件库

然后点击工具–>构建npm
微信小程序引入Vant Weapp组件库
到此Vant Weapp组件库就已经引入成功了,接下来就是如何使用了,使用方法就不一一介绍了,官网地址:https://youzan.github.io/vant-weapp/#/button

上一篇:微信小程序开发之 vant-wapp填坑


下一篇:vant学习踩坑记录4 vant 组件移动端适配