在微信小程序开发中使用npm模块(超详细)

1.在编辑器的资源管理器的空白处右击选择 在终端中打开
在这里插入图片描述

2.在弹出来的命令窗口中输入npm init 进行初始化:
其中pakage name和version为必填项,其他项看自己情况填写。然后一直回车,最后会询问 Is this OK(yes) 直接回车即可完成初始化
在这里插入图片描述

3.初始化完成之后就可以使用npm的命令安装第三方模块了,比如我要安装js-md5模块,使用npm install js-md5即可(安装完成以后,你可能会关掉这个命令窗口,可以参考第1点重新打开窗口)。如果你对npm命令不熟悉,可以参考一下我的另一篇文章:npm常用命令
在这里插入图片描述

4.在微信IDE中右上角选择 详情—>本地设置,将使用npm模块的勾打上
在这里插入图片描述

5.最后需要转化一下npm模块,让微信项目能够使用安装好的模块:
在编辑器左上角选择 工具—>构建 npm,这样就可以把npm模块转化成小程序直接能用的js文件
需要注意的是:这个过程是必须的;每次安装模块之后都需要构建npm
在这里插入图片描述

6.使用npm模块:在需要使用npm模块的地方使用 require(模块名)
在这里插入图片描述

7.如何查看已经安装好的模块:
npm初始化完成之后会在当前项目文件夹下生成一个package.json文件,文件中dependencies记录了已经安装好的模块信息
在这里插入图片描述

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值