微信小程序引入vant组件

1、在已有的微信小程序项目的终端下输入

npm init

终端会生成package.json

2、

npm install @vant/weapp

会生成一个node_modules

3、修改项目文件project.config.json 修改下面代码

    "packNpmManually": true,
    "packNpmRelationList": [
      {
        "packageJsonPath": "./package.json",
        "miniprogramNpmDistDir": "./miniprogram/"
      }
    ],

4、点击工具 --> 构建npm 生成 --> miniprogram_npm文件夹

5、引入

6、使用

 <view class="container">
      <van-button type="primary">主要按钮</van-button>
      <van-button type="default">默认按钮</van-button>
      <van-button type="warning">警告按钮</van-button>
    </view>
    <view>
      <text>评分</text>
      <!-- <van-rate model:value="{{value}}" /> -->
      <van-rate model:value="{{value}}" count="6" />
    </view>

7、样式导入

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