安裝vant-weapp 組件

1、新建小程序項目

2、打開cmd，小程序項目目錄下

npm i vant-weapp -S --production

2.1 若是執行上面的代碼報錯了

那你就執行一下：npm init -y 微信開發工具裏面就會出現：package.json這樣就解決問題了 2.2 接着就能夠執行：npm i vant-weapp -S --production

這樣就能夠了~~~~

3、在微信開發者工具中，就能夠用了

4、使用

1. 在app.json引入

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json",
  "usingComponents":{
    "van-cell":"./miniprogram_npm/vant-weapp/cell/index"
  }
}

2. 在wxml裏面使用了！

<van-cell-group>
  <van-cell title="單元格" value="內容" />
  <van-cell title="單元格" value="內容" label="描述信息" border="{{ false }}" />
</van-cell-group>

結果：