Rozszerzenie Lucid dla programu Visual Studio Code (VS Code) umożliwia /utworz/, otwieranie, podgląd i edycję diagramu Lucid obok bazy kodu, bez konieczności korzystania z przeglądarki. Każdy diagram jest obsługiwany przez dynamiczny dokument Lucid, który jest stale synchronizowany z Twoim repozytorium. Dzięki temu diagramy można przeglądać w żądaniach ściągnięcia, a członkowie zespołu i agenci AI mają natychmiastowy dostęp do kontekstu architektury systemu.
Dostępność planu: wolny, Indywidualny, Zespół i Przedsiębiorstwo.
- Niedostępne na kontach FedRAMP .
- Przeczytaj artykuł Plany Lucid , aby uzyskać więcej informacji o tym, co jest dostępne na Twoim koncie, lub artykuł Uaktualnij swoje konto Lucid, aby uzyskać instrukcje dotyczące uaktualnienia.
Połącz VS Code ze swoim kontem Lucid
Aby zainstalować rozszerzenie Lucid dla programu VS Code, wykonaj następujące kroki:
- Otwórz aplikację VS Code.
- Przejdź do sklepu z rozszerzeniami, klikając
ikonę Rozszerzenia na pasku narzędzi po lewej stronie okna.
- Możesz też nacisnąć Ctrl + Shift + X (PC) lub Cmd + Shift + X (Mac), aby skorzystać ze skrótu klawiaturowego.
- Wyszukaj „Lucid” w VS Code Marketplace.
- Kliknij Zainstaluj po prawej stronie karty rozszerzenia.
- Postępuj zgodnie z instrukcjami, aby zalogować się na konto Lucid.
- Otwórz paletę poleceń i wpisz „Lucid”.
- Możesz też nacisnąć Cmd + Shift + P (PC) lub Ctrl + Shift + P (Mac).
- Otwórz istniejący diagram lub /utworz/ nowy.
- Edytuj swój diagram.
- Kliknij Zapisz w bazie kodu w prawym górnym rogu edytora.
- Wybierz folder repozytorium.
- Aby zapisać, postępuj zgodnie z instrukcjami wyświetlanymi na urządzeniu.
Uwaga: VS Code nie używa plików cookie. Oznacza to, że aktywne sesje Lucid nie są zachowywane po zamknięciu VS Code.
Praca z diagramem Lucid w programie VS Code
/utworz/ i otwórz diagram Lucid
Aby utworzyć /utworz/ lub otworzyć diagram, wykonaj następujące kroki w programie VS Code:
- Otwórz paletę poleceń.
- Możesz też nacisnąć Cmd + Shift + P (PC) lub Ctrl + Shift + P (Mac), aby skorzystać ze skrótu klawiaturowego.
- Wyszukaj i wybierz Lucid: Otwórz dokument lub Lucid: /utworz/ Nowy dokument.
- Z selektora dokumentów otwartego obok kodu źródłowego wybierz dokument lub kliknij Nowy dokument.
Zaktualizuj istniejący diagram Lucid
Gdy nie edytujesz diagram Lucid , wyświetla się on jako statyczny obraz zapisany w bazie kodu. Aby edytować istniejący diagram bezpośrednio w programie VS Code, wykonaj następujące kroki:
- Otwórz dokument Lucid w programie VS Code.
- Kliknij
Lucid ikona u góry edytora.
- Edytuj dokument Lucid w programie VS Code.
- Kliknij Zapisz w bazie kodu.
- Wybierz folder repozytorium.
- Aby zapisać, postępuj zgodnie z instrukcjami wyświetlanymi na urządzeniu.
Aby sprawdzić, czy aktualizacje zostały pomyślnie zapisane, wykonaj następujące kroki:
- Edytuj i zapisz dokument Lucid w programie VS Code.
- Zamknij kartę edytora Lucid i kartę podglądu diagram .
- W Eksploratorze plików wybierz plik PNG diagram, aby otworzyć zaktualizowany podgląd.
Konwertuj składnię Mermaid na obiekty Lucid
Aby wkleić kształt Syrenki z Claude Code, Cursor, Codex lub dowolnego innego miejsca i uzyskać edytowalne kształty w dokumencie Lucid, wykonaj następujące kroki:
- Skopiuj surowy kod Mermaid.
- Wklej kod w dowolnym miejscu panelu rozszerzeń Lucid.
Rozszerzenie konwertuje kod na standardowe, edytowalne kształty i linie Lucid.
Dowiedz się więcej: Więcej informacji na temat używania składni Mermaid w programie Lucid znajdziesz w naszym artykule Diagram jako kod z Mermaid w Lucidchart.
Synchronizuj zmiany z edytora internetowego Lucid do VS Code
Aby mieć pewność, że podgląd VS Code odzwierciedla najnowsze zmiany wprowadzone w programie Lucid, wykonaj następujące kroki:
- Otwórz dokument Lucid w programie VS Code.
- Kliknij Otwórz
ikona link zewnętrznego znajdująca się na górze edytora.
- Postępuj zgodnie z instrukcjami, aby otworzyć wersję internetową Lucid.
- W wyświetlonym oknie dialogowym wersji internetowej Lucid edytuj swój diagram.
- Zamknij wersję internetową.
- Powrót do VS Code.
- W Eksploratorze plików VS Code wybierz dowolny inny plik, a następnie kliknij ponownie plik PNG diagram, aby odświeżyć widok.
- Kliknij Aktualizuj Lucid PNG w lewym dolnym rogu edytora, aby wyrenderować najnowszą wersję.
Zapisz diagram w swojej bazie kodu
Zapisz obraz PNG i lekki plik referencyjny (Lucid) bezpośrednio w lokalnym repozytorium, dzięki czemu będziesz mógł je zatwierdzić za pomocą swojego kodu. Oto jak:
- Edytuj obszar roboczy bezpośrednio w VS Code.
- Wybierz opcję Zapisz w bazie kodu w prawym górnym rogu menu rozszerzenia.
- Wybierz folder repozytorium.
- Aby zapisać, postępuj zgodnie z instrukcjami wyświetlanymi na urządzeniu.
Ograniczenia edytora VS Code
Dzięki Środowisku edytora otrzymujesz skoncentrowany podzbiór internetowego edytora Lucid , dostosowany do szybkiego przeglądania i aktualizacji bezpośrednio obok kodu. Aby uzyskać dostęp do pełnych możliwości, w tym tych wymienionych w poniższej tabeli, otwórz dokument w wersji internetowej Lucid.
| Nieobsługiwane funkcje w rozszerzeniu VS Code | Dodatkowe szczegóły i zalecenia | |
| Lucid AI | Lucid AI i generowanie kodu Mermaid | Aby uzyskać dostęp do pełnych możliwości sztucznej inteligencji, kliknij ikonę link zewnętrznego u góry edytora i otwórz Lucid w przeglądarce. |
| Eksportowanie | Bezpośredni eksport do formatów SVG, PDF, CSV, JSON lub PowerPoint | Eksport natywny w tym rozszerzeniu jest ograniczony do formatu PNG. |
| Udostępnij | Tryb udostępniania w edytorze | Aby edytować uprawnienia i udostępnić link, kliknij ikonę link zewnętrznego u góry edytora Lucid . |
| szablon i osadzenia | Biblioteki szablonów i funkcje osadzania | Kliknij Zapisz w bazie kodu , aby zapisać zasoby wizualne lokalnie. |
| Bezpieczeństwo przedsiębiorstwa | Konta firmowe z wyłączonymi użytkownikami anonimowymi | Nieobsługiwane. |
Najczęściej zadawane pytania
Z jaką wersją VS Code jest kompatybilny Lucid?
Lucid for VS Code jest kompatybilny ze wszystkimi standardowymi instalacjami VS Code obsługującymi wersję silnika VS Code 1.82.0 lub nowszą.
Czy potrzebuję konta Lucid, aby korzystać z rozszerzenia VS Code?
Tak, potrzebujesz aktywnego konta Lucid. Korzystanie z rozszerzenia podlega Warunkom świadczenia usług i Polityce prywatności firmy Lucid, które mają zastosowanie do korzystania z rozszerzenia, ale nie do korzystania z jakiejkolwiek aplikacji innej niż Lucid (zgodnie z definicją zawartą w naszych Warunkach świadczenia usług) w związku z rozszerzeniem.
Zasoby
Prześlij opinię na temat tego artykułu
Masz uwagi na temat tego artykułu? Opowiedz nam o swoich wrażeniach tutaj.