Используйте Visual Studio Code для построения диаграмм и презентаций.
Обзор
Помимо написания кода, Visual Studio Code с широким спектром доступных расширений также является отличным инструментом для написания, построения диаграмм и презентаций.
В своих предыдущих статьях я описал использование Vim / Neovim и Emacs для презентации, документации и ведения заметок. В этой статье давайте рассмотрим использование VSCode для построения диаграмм и презентаций.
diagrams.net (ранее draw.io)
Это определенно один из моих любимых инструментов для построения диаграмм. diagrams.net
это бесплатное программное обеспечение для построения диаграмм на основе браузера.
Доступна настольная версия, разработанная в Electron. Однако в настоящее время я обычно использую его изнутри VSCode, используя неофициальное расширение.
diagrams.net
имеет все необходимое от профессионального инструмента для построения диаграмм и хорошо интегрирован с поставщиками облачных хранилищ (OneDrive, Google Drive, Dropbox) и такими платформами, как GitHub или GitLab.
Marp: Экосистема презентаций Markdown
Marp
улучшает панель предварительного просмотра Markdown в VSCode для поддержки написания красивой презентации.
Поскольку он использует Markdown, очень легко приступить к созданию слайдов презентации.
Он также поддерживает дополнительные директивы и синтаксис для изображений, математический набор, автоматическое масштабирование и многое другое.
Вы можете отображать математические уравнения, используя стиль Pandoc Markdown.
Вы можете использовать Markdown для отображения изображений.
Есть встроенные темы, и вы можете легко создавать и настраивать свои собственные темы с помощью CSS.
Когда вы будете готовы со своими слайдами, вы можете экспортировать их в PDF, HTML, PowerPoint или JPEG.
vscode-раскрыть
vscode-reveal
позволяет создавать и просматривать презентации discover.js прямо из VSCode.
Поскольку презентации делаются с помощью detect.js, все, что вы можете делать в Интернете, вы можете делать в своей презентации.
Вы можете изменить стили с помощью CSS, включить внешнюю веб-страницу с помощью <iframe>
или добавить свое собственное поведение с помощью JavaScript API с раскрытием.js.
Также есть такие функции, как вложенные слайды, поддержка Markdown, Auto-Animate, экспорт PDF, заметки докладчика, поддержка LaTeX и выделенный синтаксис код.
Создав файлы презентации Markdown, вы можете экспортировать их в PDF или HTML. Затем слайды презентации HTML можно разместить в Интернете для просмотра. Например, вы можете просмотреть образец презентации на страницах Github здесь.
Резюме
Для разработчиков, которым комфортно работать с редакторами кода, такими как VSCode, Emacs или Vim / Neovim, доступны плагины или расширения, которые могут помочь вам делать больше вещей помимо программирования.
Также ознакомьтесь с этими статьями!
Если вы еще не являетесь участником Medium и хотите им стать, нажмите здесь. (Часть вашей абонентской платы будет использована для поддержки alpha2phi.)