微信小程序构建npm并引入Vant Weapp

Vant Weapp 是移动端 Vue 组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

第一步创建小程序*云开发

在这里插入图片描述

第二步在小程序内执行命令打开文件根目录

此次创建的是云开发项目,所以我们在miniprogram的目录下进行操作,右键点击miniprogram—在终端中打开
在这里插入图片描述

第三步在cmd命令窗口中输入以下命令

1. 输入 :npm init
3. 出现箭头2的第一行文本,并没有显示所有信息,需要不停地按回车键,直至出现项目的根目录,才能执行下一步命令

在这里插入图片描述在这里插入图片描述

3.继续输入命令:npm install --production

在这里插入图片描述

4.开始引用Vant Weapp的执行命令:
     npm i vant-weapp -S --production

在这里插入图片描述
回到小程序中,在项目文件跟目录下,会多了一个文件夹:node_modules;两个配置文件:package.json和package-lock.json
在这里插入图片描述

第四步小程序内开始构建npm导包

点击工具–构建 npm
在这里插入图片描述
在这里插入图片描述
构建完后,会有一个miniprogram_npm文件夹,构建成功
在这里插入图片描述

最后一步需要在你的项目详情里勾选本地设置中的使用npm模块

在这里插入图片描述
操作以上步骤,即可完成引用Vant Weapp。

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值