一:首先进入根目录下创建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