Conecta Lucid con Visual Studio Code

Conecta VS Code a tu cuenta de Lucid

Para instalar la extensión Lucid de VS Code, sigue estos pasos:

1. Abre la aplicación VS Code.
2. Navega hasta la Marketplace de Extensiones haciendo clic en el icono de Extensiones en la barra de actividad, en el extremo izquierdo de la ventana.
   • O pulsa Ctrl + Mayús + X (PC) o Cmd + Mayús + X (Mac) para usar un atajo de teclado.
3. Busca "Lucid" en el MarketplaceVS Code.
4. Haz clic en Instalar en el lado derecho de la tarjeta de extensión.
5. Sigue el mensaje para iniciar sesión en tu cuenta Lucid .
6. Abre la Paleta de Comandos tecla y escribe "Lucid".
   • O pulsa Cmd + Mayús + P (PC) o Ctrl + Mayús + P (Mac).
7. Abre un diagrama existente o crea uno nuevo.
8. Edita el diagrama.
9. Haz clic en Almacenar en la base de código en la esquina superior derecha del editor.
10. Selecciona tu carpeta de repositorio.
11. Sigue las indicaciones en tu dispositivo para almacenarlas.

Trabajo con Lucid diagrama en VS Code

Crea y abre un diagrama Lucid

Para crear o abrir diagramas, sigue estos pasos dentro de VS Code:

1. Abre la paleta de comandos tecla. 
   • O pulsa Cmd + Mayús + P (PC) o Ctrl + Mayús + P (Mac) para usar el atajo de teclado.
2. Busca y selecciona Lucid: Abrir documento o Lucid: Crear nuevo documento.
3. Desde el selector de documentos que se abre junto a tu código fuente, selecciona tu documento o haz clic en Nuevo documento.

Actualizar un diagrama de Lucid existente

Cuando no estás editando un diagrama de Lucid, aparece como una imagen estática almacenada en tu base de código. Para editar un diagrama existente directamente dentro de VS Code, sigue estos pasos:

1. Abre un documento Lucid en VS Code.
2. Haz clic en el icono de Lucid en la parte superior del editor.
3. Edita tu documento Lucid en VS Code.
4. Haz clic en almacenar en la base de código.
5. Selecciona tu carpeta de repositorio.
6. Sigue las indicaciones en tu dispositivo para almacenarlas.

Para confirmar que tus actualizaciones se almacenaron correctamente, sigue estos pasos:

1. Edita y almacena tu documento Lucid en VS Code.
2. Cierra las Lucid editor tabulaciones y los diagramas Previsualizar tabulaciones.
3. En el Explorador de archivos, selecciona el archivo PNG de tu diagrama para abrir el Previsualizar actualizado.

Convertir la sintaxis de la sirena a objetos Lucid

Para pegar Sirena de Claude Code, Cursor, Codex o cualquier otro sitio y obtener una figura editable en un documento Lucid , sigue estos pasos:

1. Copia el código sin filtro de la sirena.
2. Pega el código en cualquier parte del panel de extensiones de Lucid.

La extensión convierte el código en Lucid estándar y editable figura y líneas.

Cambios de sincronización desde el editor sitio web de Lucid a VS Code

Para cerciorarte de que tu VS Code Previsualizar refleje tu última edición en Lucid, sigue estos pasos:

1. Abre un documento Lucid en VS Code.
2. Haz clic en el icono de abrir el enlace externo en la parte superior del editor.
3. Seguir las indicaciones para abrir la versión sitio web de Lucid.
4. Desde la ventana emergente de la versión sitio web de Lucidque aparece, edita tu diagrama.
5. Cierra la versión sitio web.
6. Volver a VS Code.
7. En el Explorador de archivos VS Code, selecciona cualquier otro archivo y luego reentrar en el archivo PNG de tu diagrama para actualizar las vistas.
8. Haz clic en Actualizar Lucid PNG en la parte inferior izquierda del editor para renderizar la última versión.

Almacena diagrama en tu base de código

Almacena una imagen PNG y un archivo de referencia ligero (Lucid) directamente en tu repositorio local para poder enviarlos con tu código. Así es como:

1. Editar el lienzo directamente dentro de VS Code.
2. Selecciona Almacenar en la base de código desde la esquina superior derecha del menú de extensión.
3. Selecciona tu carpeta de repositorio.
4. Sigue las indicaciones en tu dispositivo para almacenarlas.

Limitaciones del editor de VS Code

Con la Experiencia de editor, obtienes un subconjunto enfocado del Lucid editorsitio web, adaptado para una visualización rápida y actualizaciones directamente junto a tu código. Para acceder a todas las funcionalidades, incluidas las que aparecen en las tablas de abajo, abre tu documento en la versión sitio web de Lucid.

Preguntas frecuentes

¿Con qué versión de VS Code es compatible con Lucid?
Lucid for VS Code es compatible con todas las instalaciones estándar de VS Code que soportan la versión 1.82.0 o superior del motor VS Code.

¿Necesito una cuenta de Lucid para usar la extensión VS Code?
Sí, necesitas una cuenta activa en Lucid. El uso de la extensión está sujeto a los Términos de Servicio y la Política de Privacidad de Lucid, que se aplican a tu uso de la extensión pero no a tu uso de ninguna aplicación noLucid (según se define en nuestros Términos de Servicio) relacionada con la prórroga.

Recursos

Lucid ahora funciona dentro de VS Code

Dejar comentarios sobre este artículo