Leptos 简介

Leptos 是一个用 Rust 编写的现代 Web 前端框架，主打高性能和类型安全。 与 React、Vue 等主流框架不同，Leptos 不使用虚拟 DOM（Virtual DOM）。 Leptos 的细粒度响应式信号会在组件状态变化时对 DOM 进行有针对性的更新，使应用能够及时响应用户输入。

资料与社区

安装 Rust 与 MSVC

Windows 下推荐使用 MSVC 工具链，兼容性更好。 这里使用 scoop 安装 Rust：

# The MSVC toolchain is used by default.
scoop install rustup

wasm32-unknown-unknown 是 Rust 的 WebAssembly 编译目标，Leptos 在构建时会用到它。

rustup target add wasm32-unknown-unknown

访问 Visual C++ Build Tools 下载页，安装以下组件：

  • 适用于 x64/x86 的 MSVC 生成工具(最新版)
  • Windows 11 SDK(10.0.26100.7705)

安装 cargo-leptos 及依赖

cargo-leptos 是 Leptos 官方推荐的开发工具，集成了项目创建、构建和热重载等功能。

其中，openssl-sys 在系统中找不到 OpenSSL 时，可能会转而从源码编译。 在 Windows 下，安装 OpenSSL 并让 openssl-sys 正确识别通常比较麻烦，因此这里直接采用源码编译的方式。 因此需要提前安装 perl 和 make，否则构建会失败。

注意：实测 Git for Windows 自带的 perl 不可用，而且系统还可能优先找到它，导致 Scoop 安装的 perl 无法生效。 如果你只需要 Git 本体，可以安装 MinGit，以避免额外引入 Git Bash 附带的一整套工具，例如 scoop install mingit。

scoop install perl
scoop install make

随后安装 cargo-leptos：

cargo install cargo-leptos

快速上手

使用 cargo leptos 命令创建项目：

cargo leptos new --git https://github.com/leptos-rs/start-axum -n leptos-app

进入项目目录后运行：

cd leptos-app
cargo leptos watch

启动后，可通过浏览器访问 http://127.0.0.1:3000。