Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>My Leptos workspaceNew to Visual Studio Code? Get it now.
My Leptos workspace

My Leptos workspace

Álvaro Mondéjar Rubio

|
5 installs
| (0) | Free
VS Code extension to help with Leptos app development.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

My Leptos workspace

VS Code extension to help with Leptos app development.

This extension provides commands to configure your workspace for Leptos development, including recommended extensions and Tailwind CSS IntelliSense configuration.

Installation

Install through VS Code extensions. Search for My Leptos Workspace.

Can also be installed in VS Code. Launch VS Code Quick Open (Ctrl+P), paste the following command, and press Enter.

ext install mondeja.my-leptos-workspace

Commands

All commands are prefixed with Leptos: in the command palette to allow for easy searching.

  1. Ctrl+Shift+P to open the command palette.
  2. Start typing Leptos: and you'll see all available commands.

Workspace configuration

All of the configurations below can be executed at once by running the command Leptos: Configure workspace from the command palette.

Recommended extensions

This extension provides a command to configure recommended extensions for Leptos development. It will create or update the .vscode/extensions.json file with the following recommended extensions:

  • Tailwind CSS IntelliSense
  • Rust Analyzer
  • This extension itself
  • Leptos Snippets
  • Rust Flash Snippets

Type Leptos: Configure recommended extensions in the command palette to run it.

Tailwind CSS IntelliSense classes support

Using Tailwind CSS with Leptos in VS Code, you'll want to use the official extension Tailwind CSS IntelliSense. This extension provides autocompletion and syntax highlighting for Tailwind CSS classes.

But it requires a specific configuration in the .vscode/settings.json file to work correctly with Leptos.

To set up or update to ensure that the configuration is correct, use the command Leptos: Configure Tailwind CSS IntelliSense classes.

Formatting with Rust Analyzer and leptosfmt

To configure formatting with Rust Analyzer and leptosfmt, you can use the command Leptos: Configure formatting with Rust Analyzer and leptosfmt. This will create or update the .vscode/settings.json file with the necessary configuration to use leptosfmt for formatting your Leptos code.

Don't forget to install leptosfmt and set into your PATH so that it can be used by Rust Analyzer.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft