微信小程序模块化使用vant-ui

1.小程序根目录下下载vant-ui

npm init   //初始化
npm i vant-weapp -S --production    //安装vant

2.构建npm(微信开发者工具------>工具------>构建npm)

构建完成后根目录下会显示miniprogram_npm文件夹

3.修改项目设置(微信开发者工具------>详情------>勾选 ‘使用npm构建’)

4.将下载下来的@vant文件夹,node_modules,package移入miniprogram_npm文件夹

5.全局引入

//app.json
"usingComponents": {
    "van-button": "@vant/weapp/button/index"
  },

5.局部(页面内)引入

//example.json
"usingComponents": {
    "van-button": "@vant/weapp/button/index"
  },

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