小程序如何引入vant组件库

Step1: 右键项目主目录文件夹 , 选择点击在终端打开小程序如何引入vant组件库_第1张图片

 

Step2: 进入项目目录 在终端输入命令 npm init  回车

 

小程序如何引入vant组件库_第2张图片

Step3: 信息描述   回车确定

小程序如何引入vant组件库_第3张图片

 

项目中生成配置文件

小程序如何引入vant组件库_第4张图片

 

Step4: # 通过 npm 安装 npm i vant-weapp -S --production  回车小程序如何引入vant组件库_第5张图片

小程序如何引入vant组件库_第6张图片

 

 

Step5:点击微信开发者工具 的工具 选择构建npm

小程序如何引入vant组件库_第7张图片

 

Step6: 点击微信开发者工具最右侧的按钮  选择详情 , 勾选 使用npm构建

小程序如何引入vant组件库_第8张图片

或者

小程序如何引入vant组件库_第9张图片

Step7: 在对于模块引用

小程序如何引入vant组件库_第10张图片

 

大功告成  可以使用了

注意:

小程序如何引入vant组件库_第11张图片

 

有赞vant组件 地址:https://youzan.github.io/vant/#/zh-CN/intro    

小程序如何引入vant组件库_第12张图片

 

你可能感兴趣的:(小程序)