小程序 | 使用 npm 模块配置 Vant Weapp 框架

之前体验了 iView 的UI框架，感觉还可以主要是因为在开发体验上比原生敲代码好很多，不过 iView 框架可利用的组件较少，比如搜索框的组件等并未涉及，而且已有的组件也存在一些需要自行生硬的修改才能实现的问题（也可能是自己有点儿菜没掌握精髓），不过总的来说还是蛮不错的，继 iView 之后，最近新体验了一下 Vant UI 框架，新学习了 npm 模块配置框架，体验感有所上升，也不辜负CV操作之后学到了新东西。

这篇文章主要记录使用 npm 模块配置 Vant UI 框架

---

---

1.使用cmd命令打开小程序文件根目录

2.分别输入命令（共三步）

2.1 初始化

npm init

2.2 配置安装Vant Weapp

npm i @vant/weapp -S --production

npm i vant-weapp -S --production

3.在微信开发者工具中操作

cmd命令行操作完成后会发现小程序文件中新增加了一个node_modules，选中此文件夹，然后选择“使用 npm 模块”

4.构建 npm

旧版本微信开发者工具按下图操作直接构建完成即可：

旧版本微信开发者工具构建安装 Vant Weapp 需要先配置下图的文件内容（可查看Vant Weapp 官方文档）

5.完成构建

参考文档

Vant Weapp 官方文档