微信小程序—使用npm(第三方包)

新建一个wechat小程序项目(这里我起的名字是wechat-npm-case),如图:
在这里插入图片描述

初始化npm:在你所建项目的根目录下,使用npm init -y,初始化一下

执行npm init

开启“使用npm模块”(右上角详情-本地设置-勾选使用npm模块)
在这里插入图片描述
根目录下新建 node_modules 文件夹: mkdir node_modules

cd node_modules 进入新建的 node_modules,执行下面命令:

npm install miniprogram-datepicker --production

在这里插入图片描述
点开左上角工具->选中构建npm
在这里插入图片描述
完成构建

在这里插入图片描述
成功后会在目录中生成一个miniprogram_npm目录。

这时候你就可以使用诸如:vant-weapp等的小程序第三方库了。

我们可以根据vant-weapp的快速入门来尝试一下。

这是我尝试的截图,van-button已经被成功使用:
在这里插入图片描述
注:每当你通过 npm 安装一个第三方库时,记得别忘记重新构建一下(点开左上角工具->选中构建npm)

转载于:https://www.jianshu.com/p/9ca11ca83a63

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值