这是我参加“改变文本的挑战”的第二天，有关活动的更多细节，请访问：改变文本的挑战

前言

有时候觉得微信小程序的原生UI差了一点，可以引入第三方框架吗？本文以Vant的介绍为例，由8个步骤组成。它是否用于云开发项目。

步骤 1。打开微信小程序开发工具，进入项目。右键单击项目的根文件。选择“在终端中打开”。（请注意，它是根目录）。

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

3. 在命令窗口中键入 npm 进行构建，成功后在根目录下生成 .json 和 -lock.json 文件

4.接下来，继续安装Vant框架，步骤可以按照官网操作

5. 返回微信开发者工具，在“工具”栏中找到“构建npm”。只需等待构建成功即可。

6.最后，我们需要使用npm模块，在“”复选框中找到“npm ”的用法

7. 使用 Vant 组件，在app.json或.json中介绍该组件，详见

8. 要在页面中使用它，您可以简单地介绍组件。

···小插曲···

由于这是一个测试编号构建项目，因此它不是使用云开发的。结果，在操作以下步骤后报告错误！错误消息如下图 （1） 所示。这时我发现这个项目目录和我另外一个云开发项目的另外一个云开发项目的文件目录不一样，所以找不到文件，也不知道具体原因。但我在云开发项目上取得了成功，如下图 （2） 所示;步骤与上面写的步骤完全相同。

由此得出的结论是，每个人都应该尝试使用正式的（即在小程序的公共平台成功注册后）。越往后走，越避免惹上麻烦。

本来，我想用云来再次开发这个项目，把最终的成功效果放在它上面，而不是做一个有问题的笔记。不过想一想也不错，并告诫自己下次不要再犯这个错误。所以最后，我将通过这个博客向你展示它。希望也能提醒大家，注意细节，不要大意。

···神奇的场景···

第二天，我打开微信开发者工具，发现测试号项目又OK，控制台错误信息不见了。这太尴尬了！我不知道是什么感觉（如果大佬知道，请把答案扔给我！不敢说话...）。正上方，如下图（3）所示;

图 （1）：错误消息

图 （2）：在云开发项目中成功使用 Vant 组件

图 （3）：测试编号成功使用 Vant 框架

就是这样！如有错误，欢迎大佬提出改正