微信小程序如何构建npm

首先，我们打开浏览器，进入node.js（https://nodejs.org/en/）官网，下载官网推荐的版本。

下载完成后，我们双击安装包，直接下一步。所有配置按默认安装推荐的来进行。不需要改任何设置。

安装完成后，我们打开微信小程序的开发工具，进入项目。在项目的根目录文件上点击右键。选择在终端中打开。

在命令窗口中键入npm init。然后所有配置都按默认配置进行，只需点击回车键即可。当提示“Is this OK？<yes>”时，我们只需点击回车即可。

再次键入npm install构建。成功的标志是，项目中生成package.json。在node.js中我们创建的一个模块化的架构，这个文件就是描述这个模块的文件。

我们继续使用命令提示符窗口，键入"npm i vant-weapp -S --production",该命令是通过npm安装我们的vant-weapp。成功的标志是项目中生成文件“package-lock.json”。

回到微信小程序开发工具，在上方“工具”一栏中找到“构建npm”。稍等几秒即可构建成功。

最后一步我们在微信小程序开发工具右上角找到：详情---本地设置--使用npm模块。设置成功我们的教程结束。

一、去node.js官网下载最新版本你的安装包（官网会自动推荐下载版本）。

二、安装node.js不需要修改配置，直接下一步安装。

三、在微信小程序项目根目录点击硬盘打开，输入生成模块描述文件命令。生成package.json文件。

四、输入npm安装vant-weapp命令。生成package-lock.json文件。

五、在微信小程序开发工具点击构建npm。

六、在详情中配置勾选使用npm模块。