一:首先进入根目录下创建package.json
npm init
一路回车下去,最后打yes

二:第二步,下载miniprogram依赖
npm i miniprogram-sm-crypto --production
然后点击工具-构建npm,如图

构成成功在目录中会多个miniprogram目录

三:第三步安装vant组件
npm i vant-weapp -S --production
安装成功,点击工具-构建-构建成功会多个vant-weapp目录

四:下面就是使用组件了,收入在项目页面中引入
"usingComponents": {
"van-button": "../../miniprogram_npm/miniprogram_npm/@vant/weapp/button/index"
},这里面最外面miniprogram不需要引入,直接是里面组件名称目录
五:在页面中使用
<van-button type="primary">按钮</van-button>
最后大功告成!如图

如果到最后还没有vant-weapp目录,就再次安装npm i @vant/weapp -S --production
版权声明:本文为weixin_56848461原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。