Расширение Lucid для Visual Studio Code (VS Code) позволяет создавать, открывать, просматривать и редактировать диалоги Lucid параллельно с вашим кодом, не переключаясь на браузер. Каждая диаграмма поддерживается динамическим документом Lucid, который синхронизируется с вашим репозиторием. Это позволяет сохранять диалоги доступными для проверки в ваших запросах на слияние, одновременно предоставляя коллегам и агентам ИИ мгновенный контекст архитектуры системы.
Доступные планы: «Бесплатный», «Индивидуальный», «Для команды» и «Корпоративный».
- Недоступно для учетных записей FedRAMP.
- Ознакомьтесь со статьей Планы Lucid, чтобы узнать больше о возможностях своей учетной записи, или со статьей Повышение плана Lucid, чтобы получить инструкции по переходу на другой тариф.
Подключите VS Code к своей учетной записи Lucid.
Для установки расширения Lucid для VS Code выполните следующие действия:
- Откройте приложение VS Code.
- Перейдите в магазин расширений, нажав на соответствующую кнопку.
Значок «Расширения» находится на панели опросов в левой части окна.
- Или нажмите Ctrl + Shift + X (ПК) или Cmd + Shift + X (Mac), чтобы использовать сочетание клавиш.
- Найдите "Lucid" в магазине приложений VS Code.
- Нажмите кнопку «Установить» в правой части карточки расширения.
- Следуйте инструкциям, чтобы войти в свою учетную запись Lucid.
- Откройте палитру команд и введите «Lucid».
- Или нажмите Cmd + Shift + P (ПК) или Ctrl + Shift + P (Mac).
- Откройте существующее объявление или создайте новое.
- Редактирование диаграммы.
- Нажмите кнопку «Сохранить в кодовую базу» в правом верхнем углу редактора.
- Выберите папку репозитория.
- Следуйте инструкциям на вашем устройстве, чтобы сохранить изменения.
Примечание: VS Code не использует файлы cookie. Это означает, что активные сессии Lucid не сохраняются после закрытия VS Code.
Работа с диаграммами Lucid в VS Code
Создайте и откройте диаграмму Lucid
Чтобы создать или открыть диалог, выполните следующие действия в VS Code:
- Откройте палитру команд.
- Или нажмите Cmd + Shift + P (ПК) или Ctrl + Shift + P (Mac), чтобы использовать сочетание клавиш.
- Найдите и выберите Lucid: Открыть документ или Lucid: Создать новый документ.
- В появившемся рядом с исходным кодом окне выбора документа выберите нужный документ или нажмите «Создать документ».
Обновить существующую диаграмму Lucid
Когда вы не редактируете диалог в Lucid, он отображается как статическое изображение, сохраненное в вашем коде. Чтобы отредактировать существующую диалоговую панель непосредственно в VS Code, выполните следующие действия:
- Откройте документ Lucid в VS Code.
- Нажмите
В верхней части редактора находится наглядная иконка.
- Редактируйте документ Lucid в VS Code.
- Нажмите «Сохранить в кодовую базу».
- Выберите папку репозитория.
- Следуйте инструкциям на вашем устройстве, чтобы сохранить изменения.
Чтобы убедиться в успешном сохранении обновлений, выполните следующие действия:
- Редактируйте и сохраняйте документ Lucid в VS Code.
- Закройте вкладку редактора Lucid и вкладку предварительного просмотра диалогов.
- В проводнике файлов выберите файл PNG вашей диаграммы, чтобы открыть обновленный предварительный просмотр.
Преобразование синтаксиса Mermaid в объекты Lucid.
Чтобы вставить изображение русалки из Claude Code, Cursor, Codex или любого другого места и получить редактируемые фигурки в документе Lucid, выполните следующие шаги:
- Скопируйте исходный код Mermaid.
- Вставьте код в любое место на панели расширения Lucid.
Расширение преобразует код в стандартные, редактируемые фигуры и линии Lucid.
Узнайте больше: Для получения дополнительной информации об использовании синтаксиса Mermaid в Lucid, ознакомьтесь с нашей статьей «Программа как код с Mermaid в Lucidchart.
Изменения синхронизации между веб-редактором Lucid и VS Code.
Чтобы предварительный просмотр в VS Code отражал последние изменения, внесенные в Lucid, выполните следующие действия:
- Откройте документ Lucid в VS Code.
- Нажмите «Открыть»
Значок внешней ссылки находится в верхней части редактора.
- Следуйте инструкциям, чтобы открыть веб-версию Lucid.
- В появившемся всплывающем окне веб-версии Lucid отредактируйте свою программу.
- Закрыть веб-версию.
- Вернуться в VS Code.
- В проводнике файлов VS Code выберите любой другой файл, затем снова щелкните по PNG-файлу вашей диаграммы, чтобы обновить отображение.
- Чтобы отрендерить последнюю версию, нажмите кнопку «Обновить Lucid PNG» в левом нижнем углу редактора.
Сохраните диаграмму в свою кодовую базу
Сохраните изображение в формате PNG и облегченный файл-ссылку (.lucid) непосредственно в свой локальный репозиторий, чтобы вы могли добавить их в свой код. Вот как это сделать:
- Редактируйте холст непосредственно в VS Code.
- Выберите пункт «Сохранить в кодовую базу» в правом верхнем углу меню расширения.
- Выберите папку репозитория.
- Следуйте инструкциям на вашем устройстве, чтобы сохранить изменения.
Ограничения редактора VS Code
Благодаря встроенному в редактор интерфейсу вы получаете расширенную версию веб-редактора Lucid, адаптированную для быстрого просмотра и обновления кода непосредственно рядом с ним. Для доступа ко всем функциям, включая перечисленные в таблице ниже, откройте документ в веб-версии Lucid.
| Неподдерживаемые функции в расширении VS Code | Дополнительные сведения и рекомендации | |
| ИИ Lucid | ИИ Lucid prompts и генерация кода Mermaid | Чтобы получить доступ ко всем возможностям ИИ, щелкните значок внешней ссылки в верхней части редактора и откройте Lucid в своем браузере. |
| Экспорт | Прямой экспорт в форматы SVG, PDF, CSV, JSON или PowerPoint. | Экспорт данных в этом расширении ограничен форматом PNG. |
| Общий доступ | Встроенное в редактор окно для обмена файлами | Чтобы изменить права доступа и поделиться ссылками, щелкните значок внешней ссылки в верхней части редактора Lucid. |
| обрабатывает и встраивает | Библиотеки шаблонов и функции встраивания | Нажмите «Сохранить в кодовую базу» , чтобы сохранить визуальные ресурсы локально. |
| Корпоративная безопасность | Корпоративные аккаунты с отключенными анонимными пользователями | Не поддерживается. |
Часто задаваемые вопросы
С какой версией VS Code совместим Lucid?
Lucid для VS Code совместим со всеми стандартными установками VS Code, поддерживающими движок VS Code версии 1.82.0 или выше.
Нужна ли мне учетная запись Lucid для использования расширения VS Code?
Да, вам необходима активная учетная запись Lucid. Использование расширения регулируется Условиями обслуживания и Политикой конфиденциальности Lucid, которые применяются к использованию вами расширения, но не к использованию вами каких-либо приложений, не принадлежащих Lucid (как определено в наших Условиях обслуживания), в связи с этим расширением.
Ресурсы
Оставьте отзыв об этой статье
Хотите поделиться мнением об этой статье? Расскажите нам о своих впечатлениях здесь.