新建小程序项目

1、

 

 

 

 

 

 

 2、在打开的项目下右键选择 在外部终端窗口中打开  然后 npm init  然后全部回车

 

 

 

 

 

 3、安装vants

npm i @vant/weapp -S --production

npm i miniprogram-sm-crypto --production

 

 

4. 修改 app.json

将 app.json 中的 "style": "v2" 去除，原因是小程序的新版基础组件强行加上了许多样式，难以覆盖，不关闭将造成部分组件样式混乱。

5、构建 npm 我们点击左上角的工具栏

 

 

 

 6、使用组件

在使用的组件的.json引入即可

{

  "usingComponents": {

    "van-button": "@vant/weapp/button/index"

  }

}

  <van-button type="info" round size="large"> 登录 </van-button>