Verbind Lucid met Visual Studio Code

Verbind VS Code met jouw Lucid-account

Om de Lucid-extensie voor VS Code te installeren, volgt u deze stappen:

1. Open de VS Code-applicatie.
2. Navigeer naar de Marktplaats voor extensies door op het Extensie-icoon te klikken op de activiteitsbalk helemaal links in het venster.
   • Of druk op Ctrl + Shift, verplaatsen + X (PC) of Cmd + Shift, verplaatsen + X (Mac) om een sneltoets te gebruiken.
3. Zoek "lucid" in de VS Code Marktplaats.
4. Klik op Installeren aan de rechterkant van de extensiekaart.
5. volg de prompt om in te loggen op jouw Lucid-account.
6. Open het Command Palette en typ "Lucid".
   • Of druk op Cmd + Shift, verplaatsen + P (PC) of Ctrl + Shift, verplaatsen + P (Mac).
7. Open een bestaand diagram of maak een nieuw diagram aan.
8. Bewerk je diagram.
9. Klik rechtsboven in de editor op Opslaan om de codebase te kiezen.
10. Select jouw opslagplaats folder.
11. Volg de prompts op jouw apparaat om op te slaan.

Werk met een lucid-diagram in VS Code

Maak en open een Lucid-diagram

Om een diagram te maken of te openen, volgt u deze stappen binnen VS Code:

1. Open het Command Palette. 
   • Of druk op Cmd + Shift, verplaatsen + P (PC) of Ctrl + Shift, verplaatsen + P (Mac) om de sneltoets te gebruiken.
2. Zoek op en selecteer Lucid: Open document of Lucid: Maak nieuw document aan.
3. Selecteer vanuit de document picker die naast jouw broncode opent, jouw document of klik op Nieuw document.

Werk een bestaand Lucid-diagram bij

Wanneer je geen Lucid diagrambewerkt, verschijnt het als een statische afbeelding die in jouw codebase is opgeslagen. Om een bestaande diagram direct binnen VS Code te bewerken, volg je deze stappen:

1. Open een Lucid-document in VS Code.
2. Klik op het Lucid-icoon bovenaan de editor.
3. bewerken jouw Lucid document in VS Code.
4. Klik op Opslaan in codebase.
5. Select jouw opslagplaats folder.
6. Volg de prompts op jouw apparaat om op te slaan.

Om te bevestigen dat jouw updates succesvol zijn opgeslagen, volgt u deze stappen:

1. bewerken en jouw Lucid document opslaan in VS Code.
2. Sluit de Lucid editor tabblad en de diagram Voorbeeld tabblad.
3. Selecteer in het Bestand Verkenner het PNG-bestand van jouw diagramom het bijgewerkte Voorbeeld te openen.

Zet de syntaxis van de Zeemeermin om naar heldere objecten

Om Mermaid te plakken uit Claude Code, Cursor, Codex of ergens anders en bewerkbare vorm te krijgen in een Lucid document, volg deze stappen:

1. Kopieer ruwe zeemeermincode.
2. Plak de code ergens in het Lucid-extensiepaneel.

De extensie zet de code om in standaard, bewerkbare Lucid vorm en lijnen.

Synchroniseer wijzigingen van Lucid's web editor naar VS Code

Om te garanderen dat jouw VS Code Voorbeeld jouw latest bewerken in Lucid weerspiegelt, volg deze stappen:

1. Open een Lucid-document in VS Code.
2. Klik op het pictogram voor het openen van de externe link bovenaan de editor.
3. volg de aanwijzingen om de webversie van Lucid te openen.
4. Vanuit het pop-upvenster van Lucids webversie dat verschijnt, bewerken jouw diagram.
5. Sluit de webversie af.
6. Terug naar VS Code.
7. Selecteer in het VS Code-bestand Verkenner een ander bestand en klik dan terug naar het PNG-bestand van jouw diagramom de weergaven te verversen.
8. Klik linksonder in de editor op Update Lucid PNG om de nieuwste versie te renderen.

Diagram opslaan in jouw codebase

Sla een PNG-image en een lichtgewicht referentiebestand (.lucid) direct op in jouw lokale opslagplaats zodat je ze met jouw code kunt committen. Zo werkt het:

1. bewerken de canvas direct binnen VS Code.
2. Selecteer Opslaan in codebase rechtsboven in het extensiemenu.
3. Select jouw opslagplaats folder.
4. Volg de prompts op jouw apparaat om op te slaan.

Beperkingen van VS Code-editor

Met de in-Editor omgeving krijg je een gerichte subset van de webgebaseerde Lucid editor, speciaal voor snelle weergave en updates direct naast jouw code. Om volledige mogelijkheden te bereiken, inclusief die in de tabellen hieronder, open jouw document in de webversie van Lucid.

Veelgestelde vragen

Met welke versie van VS Code is Lucid compatibel?
Lucid voor VS Code is compatibel met alle standaard VS Code-installaties die VS Code-engine versie 1.82.0 of hoger ondersteunen.

Heb ik een Lucid-account nodig om de VS Code-extensie te gebruiken?
Ja, je hebt een actief Lucid-account nodig. Het gebruik van de extensie is onderhevig aan de Gebruiksvoorwaarden en het Privacybeleid van Lucid, die van toepassing zijn op jouw gebruik van de extensie, maar niet op jouw gebruik van een niet-Lucid applicatie (zoals gedefinieerd in onze Servicevoorwaarden) in verband met de extensie.

Bronnen

Lucid werkt nu binnen VS Code

Feedback geven over dit artikel