前言
在前端开发中，很多时候我们需要使用一些第三方库来完成我们的项目需求。而 npm 包是一个非常方便的依赖管理工具，使得我们可以快速地引入所需的库。
在本文中，我们将介绍如何使用 @mklabs/discord-li 这个 npm 包，它是一个可以帮助我们在 Discord 中创建多个自定义 Rich Presence 的工具。
安装
首先，我们需要在项目中安装 @mklabs/discord-li：
npm install @mklabs/discord-li
使用
接下来，我们可以在我们的项目中使用该 npm 包。首先，我们需要创建一个 Discord 应用程序。可以参考官方文档中的 Getting started 章节。
在创建应用程序后，你需要在你的应用程序设置中创建，并拥有一个 CLIENT ID。记住这个 CLIENT ID，因为下一步需要使用。
现在，让我们来看看如何使用 @mklabs/discord-li 来创建一个新的 Rich Presence。
-- -------------------- ---- -------
----- - -------- - - ------------------------------
----- ------ - --- ----------
---------- ---------- -- -- ------ --
----------- -
-
----- --------- - -------
----- -----------
---------- --- -------
------- -
------------ ----------
------------ --------
----------- --------- --------------
----------- --------
--
--
--
---
---------------上面的代码中，我们通过引入 LiClient 类来创建一个新的 Discord Rich Presence 客户端。我们传入的参数有 client_id（我们刚刚创建应用程序的 CLIENT ID）、activities 以及其他可选参数。
在 activities 参数中，我们可以定义多个活动（每个活动是一个包含丰富细节的状态），例如在上面的代码示例中，我们定义了一个名为“Watching a movie”的活动，其中监视类型是“WATCHING”，大图像是“popcorn”，大文本是“Watching Interstellar”。
最后，我们调用 client.login() 方法来登录到 Discord 并将 Rich Presence 设置为新的状态。
到此为止，我们已经成功设置了 Rich Presence。打开 Discord 应用程序并进入你所拥有的服务器，你现在应该可以看到你新上传的状态！
深入体验和学习
如果你想更深入地探索 @mklabs/discord-li 的功能和 API，请查看官方文档。
官方文档地址：https://github.com/mklabs/discord-li
总结
在本文中，我们学习了如何使用 npm 包 @mklabs/discord-li 来创建自定义的 Discord Rich Presence。我们了解了如何在项目中安装该 npm 包，并学习了如何配置我们的客户端，以向 Discord 上传 Rich Presence 状态。
从这个简单的示例开始，我们可以更深入地探索这个 npm 包的各种功能，并在我们的项目中实现定制的 Rich Presence。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f92238a385564ab6ff6