首页 > 编程知识 正文

微信小程序引入vant,微信小程序npm安装

时间:2023-05-04 17:04:48 阅读:57213 作者:4285

Vant Weapp组件库官方手册

3359 you Zan.github.io/vant-weapp/#/quick start首先确保本机有npm环境,未安装时自行百度

在成功安装33559 jingyan.Baidu.com/article/e 4511 cf 38 c 05092 b 845 ea F9 b.html之后,显示了以下说明,并且安装成功

打开微信开发工具创建新的demo测试小程序

创建新的demo页有助于测试调试器。 选择终端,单击新终端完成新创建后,在光标末尾输入命令npm init,然后返回npm init

在Is this OK出来之前回到车上吗? 输入yes返回汽车

8 .打开目录project.config.json文件,将packNpmManually更改为true,packNpmRelationList,然后添加对象的值

' packNpmManually': true,' packnpmrelationlist ' : [ { ' packagejsonpath ' : './package.JSON ',' miniproon

9 .打开目录package.json文件,并将private属性添加到true中。

单击' license': 'ISC ',' private': true终端输入命令npm install,然后返回npm install

11 .终端继续输入命令npm i @vant/weapp -S --production返回车上。 (ps :您也可以安装其他组件命令)然后单击详细信息以选中生成npm模块

单击npm i @vant/weapp -S --production上的工具菜单选择生成npm,需要xxx秒。 请点击完成

Vant Weapp组件部署测试打开demo.json部署组件,然后在demo.wxml上单击测试按钮' van-button ' 3360 ' @ vant/weapp/button/index ' van

恭喜你! 成功部署了小程序。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。