在微信小程序中如何使用框架：（有赞）vant,微信第三方组件（拓展）

Vant Weapp
轻量、可靠的小程序 UI 组件库 :https://youzan.github.io/vant-weapp/#/intro

注意：在使用ui框架的时候，需要使用npm管理：

• 先创建package.json
• 指令： npm init -y

以下为微信官方weui的使用步骤

1. 利用npm来安装包
   指令：npm install weiui-miniprogram --save
2. 勾选开发者工具中顶部详情中的npm选项
3. 点击左上角工具进行构造npm
4. 在app.wxss中引入
   @import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
5. 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置

{
  "usingComponents": {
    "mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
  }
}   // 举个例子

有赞@vant

1. 在终端下载 ：

    npm i @vant/weapp -S --production

3. 工具：点击左上角工具进行构造npm
4. 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置

"usingComponents": {
  "van-button": "@vant/weapp/button/index"
}  //举个例子