小程序使用vant-weapp（带px转rpx方法）

1、让项目用npm管理起来   项目根目录 打开命令行 npm init 一路回车   完成后根目录会生成package.json文件

 

2、安装vant-weapp   npm i vant-weapp -S --production  https://youzan.github.io/vant-weapp/#/quickstart   完成后根目录出现node_modules目录里面有vant-weapp算成功

 

 

3、打开微信开发者工具，点击 工具 -> 构建 npm，并勾选 使用 npm 模块 选项，构建完成后，即可引入组件

 

 

构建完成后 项目根目录生成miniprogram_npm目录下有vant-weapp 说明已成功。

 

引入组件

 

// app.json

 

"usingComponents": { "van-button": "vant-weapp/button" }

 

使用组件

引入组件后，可以在 wxml 中直接使用组件