Twój pierwszy diagram w VPasCode – 5-minutowy szybki start

Czym jest VPasCode?

VPasCode (platforma diagram-as-code firmy Visual Paradigm) to zintegrowana platforma tekst-do-diagramu, która pozwala tworzyć diagramy, używając popularnych formatów, takich jak PlantUML, Mermaid i Graphviz. Niezależnie od tego, czy dokumentujesz architekturę oprogramowania, planujesz projekty, czy wizualizujesz przepływy danych, VPasCode oferuje darmowy edytor kodu, renderowanie w czasie rzeczywistym oraz zintegrowane AI, aby ożywić Twoje pomysły.

Najlepsza część? Możesz zacząć tworzyć diagramy natychmiast na www.vpascode.com – nie jest wymagana rejestracja do korzystania z podstawowych funkcji. Aby uzyskać pełny przegląd najnowszych funkcji natywnego AI, sprawdź naszą Wielka aktualizacja VPasCode – ogłoszenie.

Krok 1: Uzyskaj dostęp do VPasCode

Przejdź do www.vpascode.comw swojej przeglądarce internetowej. Zobaczysz czysty interfejs z edytorem kodu po lewej stronie i panelem podglądu na żywo po prawej. Platforma ładuje się natychmiast z przykładowym diagramem, aby pomóc Ci zrozumieć składnię.

Wskazówka do obrazu:Zrzut ekranu interfejsu internetowego VPasCode pokazujący układ podzielonego ekranu z edytorem kodu po lewej stronie wyświetlającym składnię Mermaid oraz wyrenderowanym schematem blokowym po prawej stronie, czysty nowoczesny interfejs z paskiem narzędzi na górze

Krok 2: Stwórz swój diagram (za pomocą polecenia AI lub kodu)

VPasCode działa jako wszechstronne narzędzie diagram-as-code obsługujące wiele formatów. Masz dwa główne sposoby tworzenia diagramów: ręczne pisanie kodu lub natychmiastowe generowanie ich za pomocą wbudowanego AI.

Opcja A: Natychmiastowe generowanie za pomocą natywnego AI

Zamiast zaczynać od zera, możesz wpisać polecenie w języku naturalnym bezpośrednio w interfejsie aplikacji. Na przykład spróbuj wpisać:

“Wygeneruj diagram przypadków użycia w PlantUML dla systemu bankomatu”

VPasCode natychmiast stworzy dla Ciebie diagram w ciągu kilku sekund. Aby zobaczyć ten proces w działaniu, obejrzyj nasze wideo przewodnikowe: Szybkie tworzenie i edycja diagramów z AI na YouTube.

Opcja B: Ręczne pisanie kodu schematu blokowego

Alternatywnie możesz ręcznie wpisać lub wkleić kod. Wyczyść edytor i użyj tego prostego przykładu schematu blokowego Mermaid:

graph TD
    A[Start] --> B{Is it working?}
    B -->|Yes| C[Great!]
    B -->|No| D[Debug]
    D --> B
    C --> E[End]

Ten składnia Mermaid tworzy podstawowy schemat blokowy decyzji. Oto co oznacza:

• graph TD – Tworzy wykres od góry do dołu
• A[Start] – Definiuje węzeł oznaczony jako „Start”
• --> – Tworzy połączenie strzałką
• B{Czy to działa?} – Tworzy romb decyzyjny
• |Tak| oraz |Nie| – Etykiety dla ścieżek decyzyjnych

Wskazówka do obrazu:Zbliżenie na edytor VPasCode pokazujący kod Mermaid z podświetlaniem składni, kursor umieszczony w obszarze kodu, czysta czcionka monospaced

Krok 3: Podgląd w czasie rzeczywistym

Podczas pisania lub wprowadzania polecenia, to narzędzie diagram-as-code natychmiast renderuje Twój wizualny obrazek po prawej stronie. Nie ma potrzeby klikania „kompiluj” lub „odśwież” – silnik konwertujący tekst na diagram w czasie rzeczywistym aktualizuje się automatycznie.

Krok 4: Eksportuj i udostępnij swój diagram

Gdy będziesz zadowolony ze swojego diagramu, masz kilka opcji:

Eksportuj jako obraz

Kliknij przycisk „Eksportuj” i wybierz preferowany format:

• SVG – Format wektorowy idealny do prezentacji i dokumentacji (skalowalny bez utraty jakości)
• PNG – Format obrazu rastrowego kompatybilny ze wszystkimi aplikacjami

Udostępnij przez URL

VPasCode generuje unikalny URL dla Twojego diagramu. Po prostu skopiuj link z paska adresu przeglądarki i udostępnij go współpracownikom. Każdy, kto ma link, może wyświetlić Twój diagram – nie jest wymagane konto.

Bonus: Wykorzystaj wbudowane możliwości AI w aplikacji

VPasCode posiada głęboko zintegrowane AI. Poza generowaniem pełnych diagramów na podstawie poleceń tekstowych takich jak “Wygeneruj diagram przypadków użycia w PlantUML dla systemu bankomatowego”, zawiera również Naprawianie błędów przy użyciu sztucznej inteligencji. Gdy parser wykryje błąd składni, po prostu kliknij przycisk „Napraw przez AI”, aby poprawić swój kod i otrzymać pomocne wyjaśnienie.

Sztuczna inteligencja głęboko rozumie składnię PlantUML, Mermaid i Graphviz, zapewniając bezproblemowe wsparcie, niezależnie od tego, czy tworzysz polecenia od podstaw, czy debugujesz kod.

Co dalej?

Właśnie zapoznałeś się z podstawami VPasCode! Oto kilka pomysłów, aby kontynuować swoją podróż:

• Poznaj różne typy diagramów – Spróbuj tworzyć diagramy sekwencji, diagramy klas lub modele C4, używając poleceń w języku naturalnym
• Eksperymentuj z innymi formatami – Płynnie przełączaj się między Mermaid, PlantUML i Graphviz
• Użyj tłumaczenia przez AI – Przetłumacz swój diagram etykiety na różne języki przy wsparciu sztucznej inteligencji
• Zintegruj z dokumentacją – Wyślij swoje diagramy do Visual Paradigm OpenDocs w celu kompleksowej dokumentacji

Pamiętaj, że wszystkie podstawowe funkcje – edycja diagramów, renderowanie na żywo i eksport – są całkowicie darmowe. Zaawansowane funkcje AI są dostępne w wersji Visual Paradigm Online Combo Edition lub Visual Paradigm Desktop Professional Edition z aktywną obsługą techniczną.