> ## Documentation Index
> Fetch the complete documentation index at: https://docs.josbert.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Como instalar y configurar el tema Fluent para VS Code

## Welcome

Lo primero que debemos hacer es bajarnos la extensión [fluent UI for VSCode](https://marketplace.visualstudio.com/items?itemName=leandro-rodrigues.fluent-ui-vscode\&ssr=false#overview) y instalarla en nuestro VS Code.

<img src="https://mintcdn.com/postline/K7is3LBlSAscyt0w/images/vscode-sample-wp-content.png?fit=max&auto=format&n=K7is3LBlSAscyt0w&q=85&s=1e178af59ba305c69b5aa632637e5701" alt="title" width="1870" height="1263" data-path="images/vscode-sample-wp-content.png" />

# Posibles errores

Esto puede suceder si actualizamos VS Code y no actualizamos la extensión de Fluent UI.

<img src="https://mintcdn.com/postline/K7is3LBlSAscyt0w/images/need-help-fluent-ui-command-error-after-vs-code-update-v0-8wxfk99geosd1.webp?fit=max&auto=format&n=K7is3LBlSAscyt0w&q=85&s=324e22edfcd5b56315178d0ed91d2a4f" alt="title" width="551" height="356" data-path="images/need-help-fluent-ui-command-error-after-vs-code-update-v0-8wxfk99geosd1.webp" />

Para solucionar esto, debemos actualizar la extensión de Fluent UI.
[fluent UI for VSCode](https://github.com/Night-Star04/vscode-fluent-ui/releases/tag/v4.3.0)

<Note>
  Debemos desinstalar la extensión actual y volver a instalarla con el .vsix
</Note>

# Funcion en WSL 2

Para que funcione la extensión en WSL 2, debemos agregar el siguiente comando en nuestro archivo .bashrc o .zshrc

* Instalarlo sin conexion remota (WSL 2)
  Y luego ejecutarlo con el siguiente comando:

```bash theme={null}
>fluent enabled
```

Luego conectarse al wls