如何使用PreMiD Activities：从安装到自定义的快速入门教程

如何使用PreMiD Activities从安装到自定义的快速入门教程【免费下载链接】Presences Storage for Activities located at our Activity Library.项目地址: https://gitcode.com/gh_mirrors/pr/PresencesPreMiD Activities 是一个强大的工具允许用户在 Discord 上展示他们在各种网站上的活动状态。本教程将帮助新手快速掌握从安装到自定义 PreMiD Activities 的完整流程让你的 Discord 状态更加个性化和丰富。准备工作安装必要工具在开始使用 PreMiD Activities 之前需要确保你的设备上安装了以下工具Node.js(版本 20 或更高)用于运行和管理项目依赖Git用于克隆项目仓库代码编辑器推荐使用 Visual Studio Code方便编写和修改代码PreMiD 浏览器扩展用于在 Discord 中显示活动状态⚠️注意所有 PreMiD Activities 必须使用 TypeScript 编写JavaScript 不受支持。快速安装获取 PreMiD Activities 项目1. 克隆仓库打开终端执行以下命令克隆项目仓库git clone https://gitcode.com/gh_mirrors/pr/Presences cd Presences2. 安装依赖进入项目目录后安装所需的依赖包npm clean-install这将安装包括 PreMiD CLI 工具在内的所有必要依赖CLI 工具是创建和管理活动的核心工具。PreMiD CLI 工具创建和管理活动的利器PreMiD 提供了强大的命令行工具CLI帮助你轻松创建、开发和构建活动。以下是常用命令的快速参考命令描述npx pmd new 活动名称创建新的活动npx pmd dev 活动名称开发活动并启用实时重载npx pmd build 活动名称构建生产版本的活动npx pmd --help查看所有可用命令创建第一个活动使用以下命令创建你的第一个活动npx pmd new MyFirstActivity执行后CLI 会在websites/目录下生成一个新的活动文件夹包含基本的文件结构。活动自定义打造个性化的 Discord 状态PreMiD Activities 允许通过设置来自定义活动在 Discord 中的显示方式。你可以在metadata.json文件中定义各种设置让用户根据自己的喜好调整状态显示。常用设置类型1. 布尔值设置开关布尔值设置允许用户开启或关闭某些功能例如是否显示按钮{ id: showButtons, title: 显示按钮, icon: fas fa-compress-arrows-alt, value: true }2. 下拉菜单设置下拉菜单设置让用户从多个选项中选择例如选择不同的显示格式{ id: displayFormat, title: 显示格式, icon: fas fa-paragraph, value: 0, values: [标题, 标题 - 艺术家, 艺术家 - 标题] }3. 字符串设置字符串设置允许用户输入自定义文本例如自定义按钮文本{ id: buttonText, title: 按钮文本, icon: fas fa-font, value: 访问网站, placeholder: 输入按钮文本... }在代码中使用设置在presence.ts文件中你可以通过getSetting方法获取用户设置的值并根据这些值调整活动状态// 获取用户设置 const showButtons await presence.getSettingboolean(showButtons) const displayFormat await presence.getSettingnumber(displayFormat) // 根据设置调整显示内容 if (showButtons) { presenceData.buttons [ { label: 访问网站, url: document.location.href } ] }开发和测试实时预览你的活动使用开发命令可以实时预览活动效果并在修改代码时自动更新npx pmd dev MyFirstActivity启用开发模式后PreMiD 扩展会自动加载你的活动你可以在 Discord 中实时看到效果。构建和部署分享你的活动当活动开发完成后使用构建命令生成生产版本npx pmd build MyFirstActivity构建完成后你可以将活动提交到 PreMiD 活动库与其他用户分享你的创作。项目结构解析了解活动的组织方式PreMiD Activities 项目的主要结构如下websites/存放所有活动每个活动有独立的文件夹types/TypeScript 类型定义cli/PreMiD CLI 工具源码docs/项目文档每个活动文件夹通常包含metadata.json活动的元数据和设置presence.ts活动的主要逻辑代码iframe.ts可选处理 iframe 内容的代码总结开始你的 PreMiD 活动之旅通过本教程你已经了解了 PreMiD Activities 的安装、创建和自定义过程。现在你可以开始开发自己的活动为 Discord 状态增添更多个性化元素。如果你想深入学习更多高级功能可以参考以下资源官方文档docs/v1/guide/index.md示例活动websites/ 目录中的现有活动类型定义types/premid/index.d.ts开始创建你的第一个 PreMiD 活动让你的 Discord 状态与众不同吧 【免费下载链接】Presences Storage for Activities located at our Activity Library.项目地址: https://gitcode.com/gh_mirrors/pr/Presences创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考