What is leptos-fmt?

Leptos-fmt is a VS Code extension that automatically formats code written with Leptos, a popular Rust framework for building web apps. If you've ever used a code formatter that cleans up indentation and spacing on save, this does exactly that, but specifically for Rust files containing Leptos components. Without it, standard Rust formatters can stumble over Leptos's inline HTML-like syntax, leaving your code messy or incorrectly structured. Once installed, the extension taps into Rust Analyzer (the language server that powers Rust development in VS Code) and tells it to use a separate tool called leptosfmt for formatting instead of the default Rust formatter. You run a command called "Leptos Init" from VS Code's command palette, and the extension writes the necessary configuration into your project's settings file. After that, formatting just works as part of your normal workflow. For more complex setups, say you have multiple projects in one workspace and don't want formatting settings from one leaking into another, the extension offers a "Format with Leptosfmt" command you can trigger manually or bind to a keyboard shortcut. You can also point the extension to custom paths for the leptosfmt binary and your Cargo home directory, which is useful if your Rust toolchain lives in a non-standard location. This tool is built for developers already working with Leptos in VS Code. A typical user might be someone building a full-stack Rust web app who wants their Leptos views to stay consistently formatted without fighting the default Rust formatter. The extension is lightweight, it's essentially a bridge between VS Code, Rust Analyzer, and the leptosfmt command-line tool, which you need to install separately via Rust's package manager. That means it relies on that external tool being present, but it spares you from having to manually wire all the configuration together yourself.