Mac微信小程序引入Vant Weapp

• 在小程序的根目录执行npm init -y生成package.json文件
• 引入Vant Weapp，在小程序的根目录执行,生成node_modules

 npm i @vant/weapp -S --production

• 使用npm模块打钩，工具-》构建npm，结束出现miniprogram_npm
  
  image.png

微信小程序使用

• 内置样式，app.wxss文件中加入

 @import "miniprogram_npm/@vant/weapp/common/index.wxss";

• Vant Weapp的组件使用，在index.json或app.json引入

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

• 在index.wxml中写入样式

默认按钮
主要按钮
信息按钮
警告按钮
危险按钮

如图所示