Leptos Query 开发工具

本库为 leptos_query 提供开发工具组件。该开发工具可以可视化 Leptos Query 的所有内部工作，如果您在调试过程中遇到困难，这将节省您大量时间！

特性

• csr 客户端渲染：需要使用浏览器API，如果未启用此功能，您的应用（在功能下）将无法使用开发工具。
• force：始终显示开发工具，即使在发布模式下。

然后在您的应用中渲染开发工具组件。请确保您还提供了查询客户端。

默认情况下，开发工具仅在开发模式下显示。在发布模式下构建应用时，它不会显示，也不会包含在二进制文件中。如果想要覆盖此行为，可以启用 force 功能。

快速入门

要使用开发工具，需要添加 devtools 库

cargo add leptos_query_devtools

然后在您的 cargo.toml 中启用 csr 功能。

Hydrate 示例

• 如果您的应用使用 SSR，则应将此功能添加到 "hydrate" 功能中。

[features]
hydrate = [
    "leptos_query_devtools/csr",
]

CSR 示例

• 如果您的应用使用 CSR，则应将此功能添加到 "csr" 功能中。

[features]
csr = [
    "leptos_query_devtools/csr",
]

然后在您的应用中渲染开发工具组件。请确保您还提供了查询客户端。

use leptos_query_devtools::LeptosQueryDevtools;
use leptos_query::provide_query_client;
use leptos::*;

#[component]
fn App() -> impl IntoView {
    provide_query_client();

    view!{
        <LeptosQueryDevtools />
        // Rest of App...
    }
}

现在您应该能够在应用的右下角看到已安装的开发工具！