vant weapp的npm安装

### 在 WeApp 中使用 npm 安装 Vant 组件库

#### 准备工作
确保已创建好微信小程序项目并打开开发者工具。

#### 修改 `package.json` 文件
在项目的根目录找到 `package.json` 文件，添加如下配置项以防止该包被发布到公共仓库，并指定许可证类型：

{
  "license": "ISC",
  "private": true
}

此操作有助于保护本地开发环境的安全性和合法性[^3]。

#### 初始化 npm 并安装依赖
点击终端输入命令 `npm install` 并回车来初始化 npm 和安装必要的依赖项。这一步骤会读取 `package.json` 文件内的信息并下载对应的模块至当前工程内[^4]。

#### 安装 Vant Weapp 组件库
继续在同一终端窗口中运行以下指令来获取最新版本的 Vant Weapp UI 库:

npm install @vant/weapp -S --production

这条语句将会把 Vant Weapp 下载下来作为生产环境中的一部分保存起来[^1]。

#### 构建 NPM
前往菜单栏选择【工具--构建NPM】选项卡下的相应按钮触发构建过程。此时可能会观察到项目文件夹结构有所变动；特别是新增了一个名为 `miniprogram_npm` 的子文件夹用于存放刚才所提到过的第三方资源文件[^5]。

#### 配置 App 全局样式与逻辑入口文件 (`app.js`, `app.wxss`)
对于某些特定情况而言，在应用程序层面注册所需使用的组件可能是必需的操作之一。例如当发现 `miniprogram_npm/@vant` 路径存在时，则可以在 `app.json` 或者页面级 JSON 文件里声明全局可用的小部件列表。而假如遇到的是类似于 `vant-weapp/button/index` 这样的相对路径形式的话，请记得调整引用位置以便能够正常加载目标控件实例。