微信小程序如何完整引入Vant框架并记录全过程？

本文共计1008个文字，预计阅读时间需要5分钟。

前言：有时会感觉微信小程序原生UI差了那么一点点，那么能不能引入三方框架呢？本文以引入Vant为例进行示例，共包含8个步骤。不论是否是云开发项目，都可以一样使用。

实现步骤：

1.安装Vant

2.在页面的json配置文件中引入Vant样式

3.在页面的wxml文件中引入Vant组件

4.在页面的js文件中引入Vant组件的API

5.使用Vant组件

6.调整样式以满足需求

7.测试并优化

8.部署上线

前言

有时候会觉得微信小程序原生的ui差了那么一点点感觉，那么能不能引入三方框架呢？本文以引入Vant来进行举例，共包含8个步骤。不管是不是云开发项目都一样使用。

实现步骤

1. 打开微信小程序的开发工具，进入项目。在项目的根目录文件上点击右键。选择在终端中打开。(注意是根目录)

2. 在命令窗口中键入npm init。然后所有配置都按默认配置进行，只需点击回车键即可。