Remix 开发工具

Remix 开发工具是一个开源软件包，旨在增强您在使用 Remix（一个用于构建 Web 应用程序的全栈 JavaScript 框架）时进行开发工作流程。此软件包提供了三个选项卡的用户友好界面：**活动页面**、**终端**、**设置**、**错误**和**路由**，以及一个名为**时间轴**的侧边选项卡。使用 Remix 开发工具，您可以有效地监控和管理 Remix 项目的各个方面，包括页面信息、URL 参数、服务器响应、加载器数据、路由等等。您还可以使用**错误**选项卡跟踪水合问题，并使用**路由**选项卡以树/列表视图查看您的路由。

文档

详细文档可在以下位置找到

https://remix-development-tools.fly.dev/

弃用警告！

重大消息！remix-development-tools 将在 react-router 7 的稳定版发布后转换为 react-router-devtools！正如您可能已经听说过的，remix 正在合并到 react-router 中，因此这些开发者工具将自然而然地支持 react-router 用户而不是 remix 用户！

我们期待着将我们的用户范围扩展到更广泛的受众群体，并帮助更多项目。在 remix-development-tools 方面，所有更新将定期发布，直到 react-router v7 正式发布，届时该软件包将被重新命名，但拥有相同的功能集。

入门

1. 通过 npm 安装软件包

npm install remix-development-tools -D

import { remixDevTools } from "remix-development-tools";

// Add it to your plugins array in vite.config.js
export default defineConfig({
  plugins: [remixDevTools(), remix(), tsconfigPaths()],
});

就是这样，您完成了！

支持

如果您喜欢 Remix 开发工具，请考虑为该仓库加星。如果您有任何问题、评论或建议，请随时联系我们！

许可证

Remix 开发工具是根据 MIT 许可证发布的开源软件。

致谢

Remix 开发工具的灵感来自 Remix 框架，旨在增强 Remix 用户的开发体验。

欢迎探索 Remix 开发工具，我们希望它能显著改善您的 Remix 开发流程。如果您遇到任何问题或有改进建议，请随时在我们的 GitHub 仓库中打开一个问题。祝您 Remix 开发愉快！

感谢

感谢所有参与此项目的贡献者，以及对社区的支持。你们太棒了！

献给我的爱妻和我迟到的幼鸟 Kiira，她最初帮助我构建这些工具，陪伴着我，是我的橡皮鸭，她将永远是我的挚友。

深切怀念我的已故祖父，他教会我永远保持好奇，永不停止学习，并永远善待他人，以及我的已故祖母，她一直鼓励我学习新事物，并为我所相信的事物挺身而出。