суббота, 10 октября 2026 г.

Markdown, Sources, Ref

Markdown, Sources, Ref

https://giga.chat/link/gcsBZLhmRq

Вы абсолютно точно уловили суть. Markdown появился в программной индустрии не просто как удобный синтаксис, а как инженерное решение проблемы когнитивной нагрузки.

В WYSIWYG-редакторе (как Microsoft Word) автор постоянно переключается между двумя режимами: «что я хочу сказать» и «как это должно выглядеть». Нужно помнить, где нажать кнопку жирного шрифта, как настроить отступ заголовка, почему поехала таблица. Это и есть «визуальный шум», который сжигает ресурс внимания.

Markdown убрал этот слой абстракции. Ваши три качества — это фундамент, но за ними стоит более глубокая инженерная логика:

1. Синтаксис как визуальный маркер (Readability)

В Markdown разметка семантична. Когда вы видите в тексте решетки ### Архитектура, ваш мозг мгновенно считывает это как «подзаголовок», даже если документ еще не отрендерен.

  • *курсив* — это легкое выделение (интонация).
  • **жирный** — это ударение (важность).
  • > — это отступление (цитата).
  • 1. — это последовательность. Вам не нужно отрывать взгляд от букв, чтобы понять структуру. Текст остается текстовой средой.

2. Однозначность и отсутствие «битых» стилей

В сложных документах Word или Confluence часто возникает проблема «наследования стилей». Вы копируете абзац из другого документа, и весь текст внезапно становится 14-м кеглем Comic Sans синего цвета, потому что в нем сохранился невидимый стиль. В Markdown это невозможно. Файл — это плоский текст. Если вы написали **текст**, он будет жирным. Никаких скрытых параметров, никаких «липких» стилей. Это дает абсолютную предсказуемость.

3. Стандартизация подачи материала (то, о чем вы написали)

Вы правы: в программной индустрии хаос в документации недопустим. Поэтому Markdown никогда не используется «сам по себе». Он всегда идет в паре со Стиль-гайдом (Style Guide) и шаблонами.

  • Стиль-гайд: «Все файлы начинаются с H1. После заголовка всегда пустая строка. Код пишем в блоках с указанием языка».
  • Шаблоны (ADR): Для архитектурных решений (как ваши записи про Gateway) используется шаблон Architectural Decision Record. У него всегда фиксированная структура: Контекст, Решение, Последствия. Инженер открывает файл и точно знает, где искать информацию, потому что структура повторяется от проекта к проекту. Markdown позволяет жестко закрепить этот каркас, не давая автору «развалить» верстку.

4. Текст как данные (Portability)

Поскольку это просто текст, к нему можно применять инструменты для кода:

  • git diff: Вы видите не «файл изменился», а конкретно: «в архитектуру добавили строчку про Outbox, а из контрактов удалили поле legacyId».
  • Глобальный поиск (grep): Можно мгновенно найти все места в документации, где упоминается класс Trading.Gateway во всей базе знаний компании.
  • Автоматизация: Скрипты могут собирать из сотен .md файлов единую книгу или сайт (как это делает DocFX у Microsoft).

Почему это важно для вас (в 68 лет с инженерным складом ума)

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

Ваша фраза «человек привык к подаче, и дальше все полетит быстро» — это описание идеального User Experience (UX). Программная индустрия пришла к Markdown именно потому, что это самый дешевый способ обеспечить такой UX для технической документации, где содержание важнее того, насколько красиво скруглены углы у плашки с текстом.            

четверг, 8 октября 2026 г.

Dr.Explain

Dr.Explain — это не продукт Microsoft. Это самостоятельная программа от российской компании Indigo Byte Systems, LLC. Вероятно, возникла путаница, так как инструмент часто используется разработчиками, пишущими софт для Windows, но сама компания Microsoft к его созданию отношения не имеет.

Dr.Explain — это мощный инструмент для создания технической документации (Help Authoring Tool, или HAT). Его главная задача — автоматизировать написание руководств пользователя, справок (файлы .chm, .hxs) и онлайн-баз знаний.

Ключевые возможности:

  • Автоматический захват и аннотация интерфейса. Программа умеет делать снимки экрана вашего приложения и сама расставлять на них нумерацию, стрелки и рамки вокруг кнопок и полей. Это экономит огромное количество времени: не нужно вручную рисовать стрелки в графическом редакторе.
  • Единый источник (Single-sourcing). Вы пишете текст один раз, а программа сама собирает из него разные форматы: онлайн-справку (HTML/JavaScript), PDF-файл, документ Word или классическую справку Windows (.chm).
  • WYSIWYG-редактор. Интерфейс напоминает Microsoft Word, что упрощает работу для тех, кто не знаком с разметкой Markdown или HTML.
  • Совместная работа. Поддерживает экспорт и импорт в форматах, удобных для переводчиков и технических писателей.
  • Лицензирование. Существует бесплатная версия с ограничением на размер проекта и водяными знаками на изображениях. Платная (коммерческая) лицензия убирает ограничения и водяные знаки.

В чем разница между Dr.Explain и Markdown в VSCode?

Это инструменты для разных задач, хотя оба работают с текстом и кодом:

ПараметрMarkdown в VSCodeDr.Explain
СутьФормат текстового файла и редактор.Отдельная программа (GUI-приложение).
Для чего лучше всегоОписание архитектуры, планов, задач, README.md файлов, ведение документации прямо в коде (ADR).Написание официальной «Пользовательской документации» (User Manual) с сотнями скриншотов.
Работа со скриншотамиВставляются вручную как ссылки на файлы. Их нужно обрабатывать в сторонних редакторах.Автоматический захват экрана, автоматическое добавление теней, номеров и стрелок.
Сложность вхожденияОчень низкая. Нужно знать только синтаксис решетки # и кавычек ```Выше. Требуется установка ПО и изучение его интерфейса.
Итоговый продуктТекстовый файл, который легко читать в GitHub/GitLab, или простой сайт.Профессиональный файл справки (.chm), интерактивный сайт или сверстанный PDF.

Когда что выбирать:

  • Если вы пишете внутреннюю документацию для разработчиков (как в вашем примере с архитектурой Gateway, контрактами и этапами эволюции) — оставайтесь в Markdown в VSCode. Это быстрее, текст находится прямо в репозитории, и его удобно ревьювить через Pull Request.
  • Если вы пишете руководство для конечного пользователя (например, «Как нажать кнопку "Купить" в торговом терминале»), где на каждой странице нужен скриншот с обведенной кнопкой — здесь Dr.Explain будет в разы эффективнее ручного написания Markdown.

Markdown, Giga

Markdown, Giga

https://giga.chat/link/gcsIbChixe

Для комфортной работы с документацией в VSCode достаточно знать базовый синтаксис Markdown. Редактор мгновенно отображает результат в окне предпросмотра (Ctrl+Shift+V или Ctrl+K V).

Ниже приведен подробный справочник основных символов и команд.

1. Структура и заголовки

Заголовки создаются с помощью символа #. Количество решеток определяет уровень заголовка (от H1 до H6).

markdown
# Заголовок 1 (H1) — Название документа
## Заголовок 2 (H2) — Крупный раздел
### Заголовок 3 (H3) — Подраздел

Совет: Для горизонтальной линии-разделителя используйте три дефиса или три звездочки на отдельной строке: --- или ***.

2. Текст и акценты

ЭлементСинтаксисРезультат
Жирный**текст** или __текст__текст
Курсив*текст* или _текст_текст
Жирный курсив***текст***текст
Зачеркнутый~~текст~~текст
Моноширинный`текст`Моноширинный

3. Списки

Маркированный список (просто точки):

markdown
- Пункт 1
- Пункт 2
  - Подпункт (два пробела перед дефисом)
- Пункт 3

Альтернативные маркеры: * или +.

Нумерованный список:

markdown
1. Первый шаг
2. Второй шаг
   1. Вложенный нумерованный список
3. Третий шаг

Важно: Цифры могут быть одинаковыми (1., 1.), Markdown сам их пересчитает.

Список дел (чекбоксы):

markdown
- [x] Задача выполнена
- [ ] Задача в работе

4. Ссылки и изображения

Обычная ссылка: [Текст ссылки](https://example.com) Подсказка: Если вставить в VSCode ссылку из буфера обмена на выделенный текст, редактор сам обернет ее в скобки.

Ссылка со всплывающей подсказкой: [Текст](адрес "Всплывающая подсказка")

Изображение: ![Альтернативный текст (если картинка не загрузится)](путь/к/картинке.png) Совет: Для скриншотов в документации лучше создать папку images/ рядом с .md файлом и ссылаться на нее: ![Схема архитектуры](images/architecture.png).

Относительные ссылки на другие документы: [Описание контрактов](docs/contracts.md)

5. Блоки кода (самое важное для вас)

Именно здесь решается проблема с волнистыми линиями.

Встроенный код (внутри предложения): Используйте одиночные обратные кавычки: Для класса используйте метод \OrderService.Calculate()`.`

Многострочный блок кода: Используйте тройные обратные кавычки ```. Обязательно указывайте язык сразу после них — это включает подсветку синтаксиса и отключает проверку Markdown-текста на ошибки C#.

Для описания архитектуры и псевдокода (чтобы не было никакой подсветки): ```text Trading.Web | v Trading.Gateway | +--> Trading.Api.Orders ```

Для C# кода: ```csharp public class Gateway { public void Route() { } } ```

Для командной строки (Bash): ```bash dotnet run --project Trading.Gateway ```

Для JSON: ```json { "symbol": "SBER", "price": 280.50 } ```

6. Таблицы

Создаются с помощью дефисов - и вертикальных черт |. Дефисы задают выравнивание:

markdown
| Элемент | За что отвечает | Пример |
|:---|:---|:---|
| TScheduler | **Когда** (расписание) | Cron 0 9 * * 1 |
| TBehavior | **Что делать** (логика) | SendEmailJob |
| TTune | **Нюансы** (пороги) | Timeout=5000 |
| Left | По левому краю | Текст |
| Center | По центру | Текст |
| Right | По правому краю | 123.45 |

Примечание: Пробелы внутри ячеек не влияют на отображение, выравнивание задается только двоеточиями в строке с дефисами.

7. Цитаты и заметки

markdown
> Это блок цитаты. Часто используется для выносок.
> 
> Внутри цитаты работают **все** остальные правила Markdown.

Для создания красивых заметок (важно, предпросмотр VSCode их поддерживает, а GitHub — нет, но они отлично работают в генераторах типа DocFX):

markdown
> [!NOTE]
> Полезная информация или контекст.

> [!WARNING]
> Критическое предупреждение.

> [!TIP]
> Совет по оптимизации.

8. Горячие клавиши VSCode для Markdown

  • Ctrl+K V — открыть предпросмотр в соседней вкладке.
  • Ctrl+Shift+V — открыть предпросмотр во всплывающем окне.
  • Ctrl+B — сделать выделенный текст жирным (VSCode сам вставит **).
  • Ctrl+I — сделать выделенный текст курсивом (вставит *).
  • Ctrl+Shift+P -> введите Markdown: Create Table of Contents — расширение Markdown All in One автоматически создаст оглавление по всем заголовкам в начале файла.
  • Enter после элемента списка — VSCode автоматически продолжит список с новым номером или маркером.
  • Ctrl+Enter в списке — создаст новый пункт списка.

9. Как избежать ошибок редактора

Если VSCode все равно подчеркивает текст (например, из-за установленного расширения markdownlint):

  1. Кликните на подчеркнутое слово.
  2. Нажмите на лампочку (Ctrl+.).
  3. Выберите Disable line for markdownlint или Disable rule 'no-trailing-spaces' for this file.
  4. Либо в начале файла добавьте комментарий, отключающий линтинг: <!-- markdownlint-disable -->

Этого набора команд достаточно для написания профессиональной технической документации, которая будет выглядеть чисто и не вызовет ошибок в редакторе.

Markdown, Learning, Giga

Markdown, Learning, Giga

https://giga.chat/link/gcsIbChixe

То есть Вы мне предлагате писать Описание кода, которое включает в себе и код и описательный текст просто в выбрав Markdown - и все будет работать?

  1. Если это так напишите мне небольшую Памятку для этого действия. Какое расширение файла должно быть выбрано с смаого начала итд. То есть опишите весь процесс подробно.
  2. Вы предложили мне писать Описание и Код в формате markdown потому что это у добно и принято в софтверной индустрии.
  3. Писать описание кода и текста для меня всегда было сложно, потому что я не знаю как это надо делать. Как это делают в программной индустрии. Может быть есть какое-нибудь средство для написания в одном файле текста и кода.

  1. Да, все верно. Использование Markdown — это стандарт де-факто в программной индустрии для написания документации, которая смешивает описательный текст и фрагменты кода. VSCode изначально создан для комфортной работы с этим форматом.

1. Памятка: как правильно настроить VSCode для описания архитектуры и кода

Шаг 1. Выбор расширения файла

  • С самого начала сохраните ваш файл с расширением .md (например, Architecture.md или DesignDoc.md).
  • Если вы создаете новый файл в VSCode (Ctrl+N), прежде чем начать писать, сразу нажмите Ctrl+S и сохраните его как имя.md. Это критически важно: пока у файла нет расширения или оно .txt, VSCode не знает, какие правила проверки к нему применять.

Шаг 2. Выбор языка (если VSCode ошибся) Если вы открыли старый файл или VSCode не распознал формат:

  • Посмотрите в правый нижний угол окна VSCode. Там указан текущий язык (например, Plain Text).
  • Кликните на него.
  • В поиске начните вводить Markdown и выберите его.
  • Если нужного языка нет, выберите Configure File Association for '...' и назначьте этот тип файлов языку Markdown навсегда.

Шаг 3. Как писать текст и код (синтаксис) Чтобы VSCode перестал подчеркивать слова волнистой линией, нужно явно указывать, где заканчивается текст и начинается код.

  • Обычный текст: пишется как есть. Для заголовков используйте # (H1), ## (H2).
  • Встроенный код (однострочники): если вы упоминаете название класса или метода внутри предложения, берите его в одиночные обратные кавычки: Trading.Gateway.
  • Блоки кода (многострочные схемы и код): это главное правило. Оберните блок в тройные обратные кавычки ```.
    • Чтобы убрать красную подсветку внутри блока (если это не исполняемый код, а просто текст или псевдокод), после первых кавычек напишите text: ```text Trading.Web | v Trading.Gateway | +--> Trading.Api.Orders ```
    • Если это C# код, напишите csharp — тогда появится правильная подсветка синтаксиса: ```csharp public class OrderService { ... } ```

Шаг 4. Отключение лишних расширений (если линии остались) Если вы все сделали правильно, а красные линии не исчезли, скорее всего, их рисует линтер (например, markdownlint).

  • Нажмите на проблемное слово.
  • В появившейся лампочке (Quick Fix) выберите Disable line for 'markdownlint' или Disable rule 'no-multiple-blanks' for this project.
  • Либо временно отключите расширение markdownlint в панели расширений (Ctrl+Shift+X), пока пишете черновик.

Шаг 5. Просмотр результата Нажмите Ctrl+Shift+V или Ctrl+K V, чтобы открыть окно предпросмотра Markdown. Там вы увидите чистый документ без служебных линий редактора.

2. Почему это принято в индустрии

В современной разработке принято правило «документация живет рядом с кодом» (Documentation as Code).

  • Текстовые файлы .md можно положить в систему контроля версий (Git) вместе с самим кодом.
  • При каждом изменении архитектуры разработчик меняет текст в том же коммите, что и код. Документация никогда не устаревает.
  • Такие файлы легко превращаются в красивый сайт со справочником (например, с помощью генератора DocFX или MkDocs), где блоки кода будут аккуратно подсвечены.

3. Средства для написания текста и кода в одном файле

Помимо базового Markdown, в индустрии есть несколько подходов и инструментов для более сложной документации:

Инструменты, основанные на Markdown:

  • Markdoc и MDX: расширения синтаксиса Markdown, которые позволяют вставлять полноценные компоненты (например, вкладки с разными языками кода, сворачиваемые блоки details). Популярны для написания современной технической документации.
  • AsciiDoc: более мощный конкурент Markdown. Лучше справляется с очень большими документами, перекрестными ссылками и сложными таблицами. Поддерживается в VSCode через расширения.

Инструменты для визуализации архитектуры (внутри Markdown):

  • PlantUML и Mermaid: это языки для рисования диаграмм обычным текстом. Вы пишете текст в блоке кода, а в предпросмотре видите готовую картинку. Пример Mermaid для вашей задачи: ```mermaid graph TD A[Trading.Web] --> B[Trading.Gateway] B --> C[Trading.Api.Orders] B --> D[Trading.Api.MarketData] ``` В VSCode для этого нужно установить расширение Markdown Preview Mermaid Support.

Pattern: Architectural Decision Records (ADR) Это стандарт индустрии для фиксации архитектурных решений. Создается папка docs/adr/, в которой каждый файл (например, 0001-use-microservices.md) содержит строгую структуру:

  1. Контекст: какая была проблема.
  2. Решение: что именно сделано (ваш текст про этапы 1–5).
  3. Последствия: плюсы, минусы и технический долг. Это дисциплинирует описание и помогает новым разработчикам понять, почему система устроена именно так.

Инструменты для генерации документации из кода (Code-first):

  • XML Documentation Comments (C#): вы пишете комментарии прямо над классами в коде, используя теги <summary>, <param>. Инструменты вроде DocFX или Sandcastle собирают их в единый красивый сайт. Подходит для описания API, но не для высокоуровневой архитектуры.
  • Sphinx (с MyST): золотой стандарт в Python-мире, но часто используется и в C#-проектах. Позволяет писать сложный текст с математическими формулами и автоматически выкачивать описания из кода.
  • Docusaurus: фреймворк от Meta (Facebook) для создания профессиональных сайтов с документацией, где Markdown-файлы превращаются в полноценное приложение с поиском и версиями.

Для вашей задачи (описание эволюции системы и примеров кода) обычного файла .md с блоками ```text``` и ```csharp``` будет более чем достаточно. Начните с него, а когда текста станет много, можно будет добавить Mermaid для схем и подумать о сборке простого сайта документации.

Markdown, Errors, Giga

Markdown, Errors, Giga

https://giga.chat/link/gcsIbChixe

Волнистые красные линии в VSCode при работе с обычным текстом (Markdown) почти всегда означают, что редактор пытается применить к нему правила языка программирования.

В вашем случае проблема возникает в первых семи строках из-за смешения синтаксиса Markdown и C#. Редактор видит символы, которые в C# являются операторами или разделителями, и пытается их распарсить, но в контексте обычного текста они нарушают грамматику.

Вот что именно происходит в ваших строках:

  1. Символ вертикальной черты |. В языке C# это оператор побитового ИЛИ. Если VSCode считает, что вы пишете код, он ожидает после него валидное выражение. В тексте же это просто разделитель столбцов. Редактор спотыкается, потому что | v или | +--> — это невалидный C# код.
  2. Стрелки +-->. Это невалидные символы для идентификаторов в C#. Если редактор думает, что Trading.Web — это начало кода, то +--> вызывает синтаксическую ошибку.
  3. Слово v (сокращение от version). Стоит сразу после |. Если редактор переключился в режим C#, он видит | v и ожидает число, строку или другой операнд, а получает одиночную букву, что может интерпретироваться как ошибка.
  4. Слова с точками (например, Trading.Web). В C# это выражение доступа к члену (например, namespace Trading и в нем class Web). Если редактор видит Trading.Web |, он воспринимает Trading.Web как код, а вертикальную черту — как ошибку в этом коде.
  5. Отсутствие подсветки синтаксиса кода. В блоках, где текст пишется нормально, VSCode, скорее всего, определил, что это обычный абзац Markdown. Там отключены строгие проверки C#, поэтому слова подчеркиваться перестают.

Почему это происходит именно в начале файла? Чаще всего причина в первой строке файла. Если она начинается не с заголовка (#) или обычного текста, а сразу с Trading.Web |, VSCode может ошибочно определить язык всего файла как C# (или открыть его в режиме «неопределенного синтаксиса», где включены все валидаторы). Также это может быть связано с тем, что для расширения .md у вас включен строгий линтер (например, markdownlint), который пытается проверять всё содержимое.

Как это исправить:

1. Используйте явные блоки кода (самый надежный способ) Если вы описываете архитектуру как схему, заключите ее в тройные обратные кавычки. Это скажет редактору: «Внутри не код, не проверяй его по правилам C#». Чтобы сохранить моноширинный шрифт и убрать фон, используйте конструкцию с указанием языка text:

text
Trading.Web | v Trading.Gateway | +--> Trading.Api.Orders +--> Trading.Api.MarketData

Если же вы хотите подсветить именно архитектуру как диаграмму, можно использовать mermaid (если установлено соответствующее расширение):

mermaid
graph LR
    A[Trading.Web] --> B[Trading.Gateway]
    B --> C[Trading.Api.Orders]
    B --> D[Trading.Api.MarketData]

2. Избегайте символов C# в обычном тексте Замените разделители на нейтральные для Markdown символы:

  • Вместо | используйте дефис - или табуляцию для создания таблицы.
  • Вместо +--> используйте -> (это стандартный символ для диаграмм) или просто -->.
  • Если нужно написать версию, пишите ее полностью: v1.0.0 или version: 1.0.0.

Пример исправленного текста:

Trading.Web -> Trading.Gateway -> Trading.Api.Orders Trading.Gateway -> Trading.Api.MarketData

3. Проверьте настройки языка файла В правом нижнем углу VSCode указан текущий язык (например, "Markdown" или "C#").

  • Кликните на него.
  • Если там выбрано что-то кроме Markdown, выберите Markdown.
  • Если Markdown уже выбран, но ошибки остались, выберите Configure File Association for '.md'... и убедитесь, что там стоит Markdown.

4. Отключите линтер для описательного текста Если у вас установлены расширения для линтинга Markdown (например, markdownlint), они могут подчеркивать слишком длинные строки или неправильные заголовки.

  • В первой строке файла добавьте комментарий для линтера (если он это поддерживает): <!-- markdownlint-disable -->.
  • Либо настройте правила в файле .markdownlint.json в корне проекта, чтобы они игнорировали блоки без разметки.

5. Используйте стандартную разметку Markdown Если это список этапов, оформите его как список. Markdown лучше справляется с проверкой списков, чем с неформатированными строками:

text
Этап 1:
- Оставить один Gateway
- Внутри маршруты: `/api/trading/*`, `/api/marketdata/*`

Этап 2:
- Выделить два Gateway: `Trading.Gateway`, `MarketData.Gateway`

6. Используйте режим предварительного просмотра Нажмите Ctrl+K V (или Cmd+K V на Mac), чтобы открыть боковую панель предпросмотра Markdown. В этом режиме вы увидите документ ровно так, как он будет выглядеть после рендеринга, и красные линии ошибок C# там не будут отображаться, что позволит комфортно писать текст.

Markdown, Extensions

Markdown, Extensions

https://giga.chat/link/gcsIbChixe

Для полноценной работы с документацией в VSCode, которая включает текст, код, таблицы и архитектурные схемы, базового функционала редактора достаточно, но расширения значительно ускорят процесс и добавят удобства.

Вот список проверенных расширений, разбитый по задачам:

1. Базовый набор (Must Have)

Эти расширения решают 95% повседневных задач.

  • Markdown All in One (автор: Yu Zhang) Самое важное расширение. Оно автоматизирует рутину:
    • Автоматически создает оглавление (Table of Contents) по заголовкам.
    • Добавляет горячие клавиши: Ctrl+B для жирного, Ctrl+I для курсива.
    • Управляет нумерацией в списках и чекбоксами (- [ ] / - [x]).
    • Обновляет номера заголовков.
  • Markdown Preview Enhanced (автор: Yiyi Wang) Если вам не нравится стандартный предпросмотр VSCode (который открывается по Ctrl+Shift+V), установите это расширение. Оно открывает красивую панель сбоку, которая обновляется в реальном времени, поддерживает сложные таблицы KaTeX (формулы) и лучше справляется с большими файлами.
  • Paste Image (автор: Mushan) Незаменимое расширение для работы со скриншотами.
    • Как работает: Вы делаете скриншот (например, клавишей Print Screen), возвращаетесь в VSCode, нажимаете Ctrl+Alt+V. Расширение автоматически создает папку (например, images/), сохраняет туда картинку с текущей датой и вставляет в Markdown готовую ссылку: ![2026-10-09-12-00](images/2026-10-09-12-00.png).

2. Визуализация и диаграммы

Для ваших архитектурных схем.

  • Markdown Preview Mermaid Support (автор: Matt Bierner) Обязательное расширение. Без него VSCode покажет ваш код Mermaid в предпросмотре как обычный текст. С этим расширением вы увидите красивые графические схемы (как в примере с Gateway).
  • Mermaid Preview (автор: bk) Позволяет открывать .mmd файлы (файлы только с диаграммами) в отдельном окне предпросмотра, что удобно, если схема очень большая и сложная.

3. Написание и качество текста

  • Code Spell Checker (автор: Street Side Software) Проверяет орфографию прямо в тексте Markdown. Пропускает код и команды, подчеркивая только обычный текст. Спасает от опечаток в названиях классов и документации.
  • reStructuredText / Markdown Linter (автор: David Anson) Если вы захотите соблюдать строгий стиль (например, одинаковые заголовки, отсутствие лишних пробелов). Это тот самый «линтер», который иногда рисует волнистые линии. Устанавливать стоит, если вам нужна дисциплина текста; если раздражает — можно обойтись без него.

4. Профессиональная документация (на вырост)

Если вы решите превратить ваши .md файлы в полноценный сайт документации (как у Microsoft или Sber):

  • DocFX (автор: Microsoft) Официальный инструмент от Microsoft. Позволяет одной кнопкой собрать из папки с Markdown-файлами красивый статический сайт со своим поиском, версионированием и темной темой.
  • Docker (автор: Microsoft) Если вы будете использовать DocFX или MkDocs, Docker позволит запускать локальный сервер документации в изолированном контейнере, не засоряя систему.

Рекомендуемый минимум для старта:

  1. Markdown All in One
  2. Paste Image
  3. Markdown Preview Mermaid Support
  4. Code Spell Checker

Этого набора достаточно, чтобы писать архитектурные документы, мгновенно добавлять скриншоты, проверять ошибки и видеть схемы архитектуры прямо в редакторе.

------------------

Markdown All in One

Markdown Preview Enhanced

Paste Image

Markdown Preview Mermaid Support

Mermaid Preview

Code Spell Checker

DocFX

Docker

------

Markdown All in One

Paste Image

Markdown Preview Mermaid Support

Mermaid, Extensions

Mermaid, Extensions

Markdown All in One

Markdown Preview Enhanced

Paste Image

Markdown Preview Mermaid Support

Mermaid Preview

Code Spell Checker

DocFX

Docker

------

Markdown All in One

Paste Image

Markdown Preview Mermaid Support

Mermaid
Mermaid
mermaid.ai
1,121,919
(41)
The official Mermaid Editor plugin by the Mermaid open source team, now with AI-powered diagramming! Create, edit and preview diagrams seamlessly within VS Code

Markdown All in One
Markdown Preview Enhanced
Paste Image
Markdown Preview Mermaid Support
Mermaid Preview
Code Spell Checker
DocFX
Docker
------
Markdown All in One
Paste Image
Markdown Preview Mermaid Support