Bắt đầu với Visual Paradigm VPasCode chỉ mất chưa đến một phút. Vì nền tảng hoàn toàn dựa trên đám mây, bạn không cần cài đặt môi trường chạy Java, cấu hình các mô-đun Node.js hay tải xuống các phụ thuộc mở rộng IDE nặng nề. Bạn có thể chuyển từ cú pháp văn bản thô sang sơ đồ trực quan chất lượng cao chỉ trong ba bước đơn giản.
Thực hiện theo hướng dẫn nhanh này để tạo, tùy chỉnh và chia sẻ tài sản sơ đồ mã hóa (DaC) đầu tiên của bạn.
Bước 1: Mở Trình soạn thảo trực tiếp
Điều hướng trình duyệt của bạn đến Khu vực thực hành VPasCode. Mặc định, bạn sẽ được chào đón bởi giao diện hiện đại với hai khung cửa sổ:
- Khung bên trái (Trình soạn thảo mã): Một trình soạn thảo văn bản nhẹ nhàng, hiệu suất cao được trang bị nhận diện cú pháp tự động, số dòng và phát hiện lỗi tích cực.
- Khung bên phải (Cửa sổ xem trước trực tiếp): Một trình render sơ đồ thời gian thực cập nhật bố cục trực quan của bạn tự động khi bạn gõ hoặc chỉnh sửa biểu diễn văn bản.
Bước 2: Chọn động cơ của bạn và dán bản vẽ mẫu
VPasCode tự động nhận diện cú pháp của bạn. Để xem hoạt động thực tế, hãy xóa bất kỳ văn bản mẫu nào trong khung bên trái và sao chép dán một trong các ví dụ cơ bản sau đây vào trình soạn thảo:
Tùy chọn A: Sơ đồ luồng Markdown ( cú pháp Mermaid)
Nếu bạn thích bố cục sơ đồ luồng linh hoạt, từ trên xuống dưới, hãy sử dụng khối đơn giản này:
graph TD
A[Yêu cầu từ khách hàng] --> B{Cổng API}
B --> |Token hợp lệ| C[Dịch vụ xác thực]
B --> |Token không hợp lệ| D[Truy cập bị từ chối]
C --> E[(Cơ sở dữ liệu người dùng)]
Tùy chọn B: Thành phần kiến trúc phần mềm (cú pháp PlantUML)
Nếu bạn muốn biểu diễn các thành phần hệ thống có cấu trúc với khung ranh giới chính thức, hãy sử dụng khối này:
@startuml
package "Tầng Ứng dụng" {
[Ứng dụng Web] -phải-> [Cổng API]
}
database "Lưu trữ Dữ liệu" {
[Cổng API] --> [SQL Chính]
[Cổng API] ..> [Bộ nhớ đệm Redis] : "Tối ưu hóa đọc"
}
@enduml
Ngay khi bạn dán mã, khung bên phải sẽ ngay lập tức biên dịch văn bản của bạn và hiển thị sơ đồ trực quan sạch sẽ, được căn chỉnh hoàn hảo.
Bước 3: Xuất và chia sẻ công việc của bạn
Khi bạn hài lòng với bố cục của mình, bạn có thể ngay lập tức xuất hoặc chia sẻ tài liệu của mình bằng thanh điều khiển không gian làm việc nằm ở đầu giao diện:
- Sao chép URL chia sẻ: Nhấn vào nút Chia sẻ nút để tạo liên kết ngay lập tức. VPasCode sử dụng tuần tự hóa trạng thái không cơ sở dữ liệu, có nghĩa là toàn bộ văn bản sơ đồ của bạn được nén an toàn ngay vào phần băm URL. Bất kỳ ai nhấp vào liên kết của bạn đều có thể xem và chỉnh sửa mô hình mã chính xác ngay lập tức.
- Tải xuống vector độ phân giải cao (SVG): Nhấn vào nút Xuất SVG nút để tải xuống tài sản vector có thể mở rộng. Đây là lựa chọn lý tưởng để nhúng sạch sẽ bên trong các kho lưu trữ Git, wiki nhóm hoặc các tệp tài liệu markdown kỹ thuật nội bộ.
- Tải xuống hình ảnh tĩnh (PNG): Nhấn Xuất PNG để nhận một bản chụp độ phân giải cao, sẵn sàng chèn thẳng vào Slack, Microsoft Teams hoặc các bài thuyết trình thiết kế.
Bây giờ bạn đã tạo ra tài sản đầu tiên, hãy khám phá các phần tiếp theo trong tài liệu của chúng tôi để thành thạo các phương pháp thiết kế riêng lẻ Sổ tay PlantUML, Sổ tay Mermaid, và Sổ tay Graphviz các phương pháp thiết kế!