微信小程序(二十)-UI组件(Vant Weapp)-01按装配置

时间:2021-05-15 16:45:25

1.官网

https://vant-contrib.gitee.io/vant-weapp/#/intro

https://gitee.com/vant-contrib/vant-weapp

2.按装

https://vant-contrib.gitee.io/vant-weapp/#/quickstart#an-zhuang

  1.购建 package.json 文件(在项目下cmd进入编辑器输入  npm init -y )

  微信小程序(二十)-UI组件(Vant Weapp)-01按装配置

  微信小程序(二十)-UI组件(Vant Weapp)-01按装配置

  2.在项目根目录上通过 npm 安装 npm i @vant/weapp -S --production

  微信小程序(二十)-UI组件(Vant Weapp)-01按装配置 

  按装成功后就会增加 node_nodules 文件夹

   微信小程序(二十)-UI组件(Vant Weapp)-01按装配置

  3.在编辑器中设置  

   微信小程序(二十)-UI组件(Vant Weapp)-01按装配置

  4.构建npm (完成,如果最终出现问题,就把前面的生成的文件重新再装)

  微信小程序(二十)-UI组件(Vant Weapp)-01按装配置

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

 

微信小程序(二十)-UI组件(Vant Weapp)-03使用