微信小程序-下载NPM管理第三方依赖

一.下载NPM依赖

1.先从官网进行下载
网站为Node.js (nodejs.org)
在这里插入图片描述
2.下载到习惯的路径下
比如:C:\Program Files\nodejs
在这里插入图片描述
3.配置环境变量
如果不配置好就会导致微信小程序里面找不到路径的情况,打开控制面板->系统与安全->系统->高级系统设置->环境变量
用户环境变量:
在这里插入图片描述
系统环境变量

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

二.构建NPM

1.小程序中使用NPM,代开终端,输入npm init -y
在这里插入图片描述
在这里插入图片描述
2.加载第三方依赖包
使用Vant Weapp的UI集成包
在这里插入图片描述
在这里插入图片描述
3.小程序中必须自己构建NPM包
因为node_modules不会参与小程序的编译,上传和打包,因此小程序需要自己构建npm。
构建完成后会在小程序根目录下生成node_modules和miniprogram_npm两个文件夹。
其中miniprogram_npm放着小程序实际用的包。
在这里插入图片描述
在这里插入图片描述

### 微信小程序中通过 NPM 使用第三方库 #### 初始化项目配置 为了能够在微信小程序中使用 NPM 安装管理第三方库,在项目的根目录下需要先创建 `package.json` 文件。这可以通过执行如下命令完成: ```bash npm init -y ``` 此操作会自动生成默认设置的 `package.json` 文件,用于记录后续安装的所有依赖项[^3]。 #### 安装所需库 一旦有了 `package.json` 文件之后就可以开始安装所需的第三方库了。例如要安装 `axios-miniprogram` 库来处理后端接口请求,则可以在终端中运行以下命令: ```bash npm install axios-miniprogram --save ``` 这条指令不仅会下载指定版本的库到本地环境中的 `node_modules` 文件夹内,还会自动更新 `package.json` 中的相关信息以便于管理和维护这些外部资源[^1]。 #### 构建与应用NPM模块 值得注意的是,由于微信开发者工具并不会直接读取标准 Node.js 的 `node_modules` 路径下的文件,所以还需要额外一步——即构建 NPM 模块。具体做法是在开发环境中点击菜单栏上的 “工具” -> "构建 npm" 或者直接在命令行输入相应命令触发该过程。成功后将会看到新生成了一个名为 `miniprogram_npm` 的文件夹,其中包含了适配过的小程序可用版别的各个组件或函数[^2]。 #### 导入和调用 最后就是按照所选库官方文档说明的方式引入相应的功能至页面逻辑代码之中,并编写业务逻辑实现预期的功能需求即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值