alpha2phi.·3分钟阅读

使用Visual Studio代码进行图表和演示。

vscode 工作区建议(当VSCode用于图解和演示)(1)

> VSCode with diagrams.net

概述

除了写作代码外,Visual Studio代码以及各种可用扩展,也是写作,图解和演示的重要工具。

Diagrams.net(以前的draw.io)

这绝对是我最喜欢的图表工具之一。Diagrams.1.1.1.1.1.1.10.11.101.101.NET基于浏览器的最终用户图表软件。

vscode 工作区建议(当VSCode用于图解和演示)(2)

> diagrams.net

电子中有一个桌面版本。但是,如今我通常使用非官方扩展程序在vsode内使用它。

vscode 工作区建议(当VSCode用于图解和演示)(3)

> VSCode with diagrams.net

Diagrams.net拥有专业示意工具所需的一切,并与云存储提供商(Onedrive,Google Drive,Dropbox)和平台相结合,如GitHub或Gitlab。

Marp:Markdown演示生态系统

Marp增强了vscode的Markdown预览窗格,以支持写您的漂亮演示文稿。

vscode 工作区建议(当VSCode用于图解和演示)(4)

> Create Slide Deck in VSCode using Marp

由于它使用Markdown,因此非常容易开始创建演示幻灯片。

它还支持图像,数字排版,自动缩放等的其他指令和语法。

您可以使用Pandoc的Markdown样式显示数学方程式。

vscode 工作区建议(当VSCode用于图解和演示)(5)

> Math Typesetting

您可以使用Markdown来显示图像。

vscode 工作区建议(当VSCode用于图解和演示)(6)

> Display Image as Background

有内置主题,您可以使用CSS轻松创建和自定义自己的主题。

随着幻灯片准备后,您可以将它们导出为PDF,HTML,PowerPoint或JPEG。

vscode 工作区建议(当VSCode用于图解和演示)(7)

> Marp Export

vscode-reveal

vscode-reveal允许您直接从vsode创建和查看EVENION.JS演示文稿。

vscode 工作区建议(当VSCode用于图解和演示)(8)

> vscode-reveal

由于演示文稿是用reveve.js进行的,因此您可以在Web上进行的任何东西,您可以在演示文稿中进行。

您可以使用CSS更改样式,使用包含外部网页,或使用Apply.js JavaScript API添加您自己的自定义行为。

还有嵌套幻灯片等功能,Markdown支持,自动动画,PDF导出,扬声器笔记,乳胶支持和语法突出显示代码。

vscode 工作区建议(当VSCode用于图解和演示)(9)

> Syntax Highlighting using reveal.js

创建演示文稿标记文件后,您可以将它们导出为PDF或HTML。然后,HTML演示文稿幻灯片可以在线托管以进行查看。例如,您可以通过GitHub页面浏览示例演示。

概括

对于vscode,emacs或vim / neovim等代码编辑器感到舒适的开发人员,有可用的插件或扩展可帮助您除编码之外可以做更多的事物。

(本文由闻数起舞翻译自Beautiful Mathematics In Movies的文章《VSCode for Diagramming and Presentation》,转载请注明出处,原文链接:https://alpha2phi.medium.com/vscode-for-diagramming-and-presentation-b3c1dfb57aad)

,