如何将vant框架引入小程序里使用

vant基于小程序的UI框架:

https://youzan.github.io/vant-weapp/#/intro

vant框架引入步骤:
1.在要引入框架项目中打开终端

使用npm install 下载package.json文件

2.在终端里下载miniprogram_npm文件

npm i @vant/weapp -S --production

3.在微信开发工具里勾选npm模板并构建npm
如何将vant框架引入小程序里使用_第1张图片
如何将vant框架引入小程序里使用_第2张图片
完成之后就可以使用vant框架 比如我们引入vant框架里的评分:
如何将vant框架引入小程序里使用_第3张图片
注意:在这里我建议哪个组件或页面使用vant框架就在当前的json文夹中引入不要在全局中引入,另外要注意引入上图评分框架的路径要跟项目目录中的路径一致

你可能感兴趣的:(如何将vant框架引入小程序里使用)