Caution

Esta pagina no se publicará hasta que el nuevo diseño se encuentre listo https://www.figma.com/design/S9yCZSaZ9q54XSojWNhJft/Rust-Lang-ES?node-id=0-1&p=f&t=Cn6Q0QzGflLYCOgo-0

Como ejecutar

Requisitos Generales

Antes de empezar es necesario tener estos programas

• Rust
• Compilador de C/C++
• NodeJs en la version 24

Rust:

rustup toolchain install nightly
rustup default nightly
rustup target add wasm32-unknown-unknown

cargo install cargo-make
cargo install rusty-hook
cargo install leptosfmt --version 0.1.33

Important

Necesitas wasm-bindgen-cli en la versión 0.2.126 (la misma que fija flake.nix). Si no coincide con el wasm-bindgen del Cargo.lock, cargo make serve/build falla con un error de "schema version mismatch".

cargo install -f wasm-bindgen-cli --version 0.2.126

Si usas NixOS

Note

Asegúrate de tener los flakes activados.

direnv allow

Requisitos Windows >= 10

BusyBox

• Usando scoop scoop install busybox
• Usando choco choco install busybox

Desarrollo

Note

Necesitas fetch git submodules para clonar los assets externos para el desarrollo

Este proyecto usa cargo make para agilizar ciertos procesos y no tener que estar escribiendo comandos manualmente.

Con estos comandos podrá empezar a desarrollar

Para configurar el proyecto en general, se recomienda usar el siguiente comando, ya que este comando engloba todos los camandos listados más abajo:

cargo make setup

O si prefieres ejecutar cada uno de los comandos manualmente:

git submodule update --init --recursive
pnpm install --ignore-scripts
cd design-system-components && pnpm install --ignore-scripts
cd styles && pnpm run build
cd ../.. && pnpm run postinstall

Para ejecutar el proyecto:

Ahora podemos iniciar el servidor con:

cargo make serve

Sin cargo make:

cargo leptos serve --hot-reload --features development

Configura tu VSCode

Agrega esto en tu settings.json

{
  "emmet.includeLanguages": {
    "rust": "html",
    "*.rs": "html"
  },
  "tailwindCSS.includeLanguages": {
      "rust": "html",
      "*.rs": "html"
  },
  "files.associations": {
      "*.rs": "rust"
  },
  "editor.quickSuggestions": {
    "other": "on",
    "comments": "on",
    "strings": true
  },
  "css.validate": false
}

Resumen

Este proyecto utiliza una rama personalizada de Leptos para poder servir directamente el directorio de salida como un sitio web estático.

cargo make serve sirve el directorio div con watch mode y hot-reload. cargo make build compila el proyecto en release. La salida estará en el directorio dist y el comando no lo servirá, sino que se cerrará. cargo make fmt formatea con rustfmt y leptosfmt.