小程序引入 vant ui

有道云笔记：有道云笔记

1、创建微信小程序。

2、安装nodeJS

3、进入小程序根目录引入node 创建package.json

npm init

4、一路进行同意安装

5、下载依赖miniprogram

npm i miniprogram-sm-crypto --production

6、打开微信开发者工具，在工具一栏找到 npm 构建

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

7、安装 vant UI组件

npm i vant-weapp -S --production

安装成功，点击工具-构建-构建成功会多个vant-weapp目录

8、在JSON文件中引入 vant UI

{ "usingComponents": { "van-search": "../../miniprogram/miniprogram_npm/@vant/weapp/search/index", "van-skeleton": "../../miniprogram/miniprogram_npm/@vant/weapp/skeleton/index", "van-icon": "../../miniprogram/miniprogram_npm/@vant/weapp/icon/index" }, "navigationBarTitleText": "会员列表" }