Pull to refresh
233.09
AGIMA
Крупнейший интегратор digital-решений

Полезные расширения VScode для работы с документацией

Reading time2 min
Views12K
Original author: Rami Krispin

Как правило, работа с документацией — это последний этап любого проекта, связанного с данными (data science, data visualization и т. д.), проектированием и разработкой ПО. Речь о создании и редактировании библиотек, файлов README, обучающих материалов и др. Среди всех преимуществ VScode — его уникальная экосистема расширений. И особенно впечатляют те, что помогают работать с документацией. В этой статье поделюсь самыми полезными из них.

Работа с диаграммой Draw.io с помощью расширения Draw.io Integration (иллюстрация: Rami Krispin)
Работа с диаграммой Draw.io с помощью расширения Draw.io Integration (иллюстрация: Rami Krispin)

Quarto

Quarto — крутая штука для работы с документацией под R, Python, Julia и Observable. Расширение позволяет создавать и редактировать разные виды документов в форматах HTML, PDF, MS Word, ePub. Это могут быть статьи, презентации, дашборды, сайты, блоги, книги и т. д.

Расширение Quarto для VScode поможет легко редактировать и рендерить QMD-файлы. В нем есть режим предварительного просмотра, который позволяет менять код документа и одновременно просматривать результат.

Предварительный просмотр Quarto (иллюстрация: Rami Krispin)
Предварительный просмотр Quarto (иллюстрация: Rami Krispin)

Jupyter

Jupyter — один из самых популярных фреймворков для создания заметок, особенно в Python. Больше всего мне нравится использовать Jupyter для проектирования на Python и в качестве вспомогательной документации к его туториалам. В Jupyter отлично отображается разметка и форматирование кода на Python, плюс он поддерживается GitHub. А еще недавно я начал пользоваться Jupyter вместе с документацией Quarto для Python.

Расширение VScode Jupyter интегрирует заметки Jupyter в редактор VScode и поддерживает ipynb-файлы.

Заметка Jupyter в VScode (иллюстрация: Rami Krispin)
Заметка Jupyter в VScode (иллюстрация: Rami Krispin)

Markdown All in One

Отчасти благодаря расширению Markdown All in One большинство обучающих материалов, которые я написал, оформлены в виде README-файлов. С этим расширением удобно редактировать документацию в формате Markdown. Оно располагает два окна рядом: редактор кода и тут же результат.

Редактирование Markdown-файла с помощью расширения Markdown All in One (иллюстрация: Rami Krispin)
Редактирование Markdown-файла с помощью расширения Markdown All in One (иллюстрация: Rami Krispin)

Draw.io Integration

Мне нравится применять диаграммы и схемы, чтобы объяснить какие-то концепции в своих обучающих материалах. Основной инструмент, который я использую для этого, — Draw.io. Это инструмент с открытым исходным кодом для построения диаграмм. Сложные диаграммы я делаю в десктопной версии инструмента, и потом дорабатываю их в VScode с помощью расширения Draw.io Integration.

Создание диаграммы Draw.io с помощью расширения Draw.io Integration (иллюстрация: Rami Krispin)
Создание диаграммы Draw.io с помощью расширения Draw.io Integration (иллюстрация: Rami Krispin)

Mermaid

Хоть я и не пользуюсь Mermaid, но считаю этот инструмент очень полезным, если вам нужно создать структуру кодовой базы или динамическую диаграмму. В VScode есть два расширения для работы с файлами Mermaid — Mermaid Preview и Markdown Preview Mermaid Support.

Редактирование диаграммы Mermaid в Markdown-файле с помощью расширения Markdown Preview Mermaid Support (источник)
Редактирование диаграммы Mermaid в Markdown-файле с помощью расширения Markdown Preview Mermaid Support (источник)

Безусловно, существует и множество других полезных расширений VScode. Делитесь ими в комментариях.

Happy documentation!

Tags:
Hubs:
Total votes 23: ↑21 and ↓2+20
Comments8

Articles

Information

Website
www.agima.ru
Registered
Founded
Employees
501–1,000 employees
Location
Россия
Representative
Кристина Ляпцева