1. Überblick

Ich war in letzter Zeit von MarkDown besessen, also habe ich zuerst die Wahl des Editors gelernt br/>Einfach zu verwendende Liste der MARKDOWN-Editoren
Ich persönlich habe keinen davon zum Ausprobieren ausgewählt, da mir VS Code persönlich sehr gut gefällt und ich persönlich denke, dass nach der Konfiguration VS Code ist keinem MarkDown-Editor unterlegen. Wenn Sie der Meinung sind, dass Ihre eigene Konfiguration zu mühsam ist, können Sie natürlich auch direkt den obigen Editor oder den verwenden Typora-Editor, ein Freund verwendet ihn und zeigt eine Vorschau im Bearbeitungsbereich in Echtzeit an. Der Effekt ist sehr gut. MarkDown，所以进行了学习，首先是编辑器的选择，可以参考这篇文章：
好用的MARKDOWN编辑器一览
我本人并没有选择其中的任意一款进行尝试，因为我个人十分喜欢VS Code，而且个人以为配置好后的VS Code不逊色于任何一款MarkDown编辑器，当然，如果觉得自己配置太麻烦的话，也可以直接使用上述编辑器或者Typora这款编辑器，有朋友在用，实时在编辑区预览，效果很不错。

二、插件安装和配置

安装和配置插件的步骤：

-安装： Ctrl+Shift+P打开控制命令行，然后如下输入就可以打开插件市场，输入markdown就可以看到所有相关插件:

-配置：Ctrl+Shift+P打开控制命令行，然后如下输入就可以更改插件配置
第一个选项是json格式的配置文件，第二个选项是使用UI界面打开配置文件，第三个是打开默认的配置文件，所有的配置都在里面，可以复制，但是不可编辑，复制到第一个选项里面即可进行配置，这里打开第一个选项Open Settings(JSON)

我安装了如下的所有插件：

2.1 markdown-all-in-one

• 简介：所有你需要写Markdown要用到的（键盘快捷方式，目录，自动预览等）
• 配置：这个需要配置的不多，基本上默认就好了

2.2 markdown toc

• 简介：这个插件是用来生成目录
• 配置：

markdown-toc.depthFrom: 生成目录的标题最低级别，默认h1
markdown-toc.depthTo: 生成目录的标题最高级别，默认h6
markdown-toc.insertAnchor: 自动插入链接地址，默认false
markdown-toc.withLinks: 自动插入链接，默认true
markdown-toc.updateOnSave: 自动更新

2.3 markdown+math

• 简介：此扩展使用$ 分隔符支持内联数学公式，或者使用KaTeX parse error: Can't use function '$' in math mode at position 126: …式不能用，所有的公式必须在’ $̲ $ '或者…$$之中。
• 配置：不需要配置

2.4 markdown pdf

• 简介：markdown是不支持pdf输出，需要借助其他办法输出，使用该插件就可以。
  该插件还支持导出为以下格式，只需要在md文件中右键鼠标就可以弹出选项
  

• 

• 配置：这个插件共有34条配置，大多数默认就好，以下是常用配置：

markdown-pdf.type: 设置默认导出格式，也就是上图中的第一个选项，默认是pdf
markdown-pdf.outputDirectory: 导出路径
markdown-pdf.outputDirectoryRelativePathFile: 导出相对路径
markdown-pdf.styles: 导出的pdf文件的格式，可以使用本地的绝对路径自定义，也可以使用网上的
markdown-pdf.displayHeaderFooter: 是否显示页眉页脚，默认是true，我改为false，因为默认页眉页脚很丑，
当然也可以使用markdown-pdf.headerTemplate和markdown-pdf.footerTemplate自定义

2.5 Markdown Preview Enhanced

     Verwenden Sie das VS Code-Plug-in, um den perfekten MarkDown-Editor zu erstellen出现下图所示：

• 简介：实时预览的插件，很好用，也可以结合上图中的其他程序导出为其他格式，推荐使用pandoc可以导出为word文件、pdf 、html
2. Plug-in-Installation und -Konfiguration

• Schritte zum Installieren und Konfigurieren des Plug-ins:

  -Installation
: Strg+Umschalt+PÖffnen Sie den Steuerbefehl Zeile und geben Sie dann Folgendes ein. Sie können den Plug-In-Markt öffnen und Markdown eingeben, um alle zugehörigen Plug-Ins anzuzeigen:

Konfiguration: Strg+Umschalt+PÖffnen Sie die Steuerbefehlszeile und gehen Sie dann wie folgt vor: Sie können die Plug-In-Konfiguration ändern, indem Sie sie eingeben<br> Die erste Option ist eine Konfigurationsdatei im JSON-Format, die zweite Option besteht darin, die UI-Schnittstelle zum Öffnen zu verwenden Die dritte Option besteht darin, die Standardkonfigurationsdatei zu öffnen. Sie kann kopiert, aber nicht bearbeitet werden. Öffnen Sie hier die erste Option Einstellungen (JSON)

Ich habe alle folgenden Plug-Ins installiert :

2.1 Markdown-All-in-One

Einführung: Alles, was Sie zum Schreiben von Markdown benötigen (Tastaturkürzel, Inhaltsverzeichnis, automatische Vorschau usw.) 🎜🎜🎜Konfiguration🎜: Es gibt nicht viel zu konfigurieren, im Grunde ist die Standardeinstellung in Ordnung🎜🎜

2.2 Markdown Toc

🎜🎜Einführung🎜: Dieses Plug-in wird zum Generieren eines Inhaltsverzeichnisses verwendet 🎜🎜🎜Konfiguration🎜: 🎜🎜

"markdown-preview-enhanced.enableTypographer": 是否可以显示流程图，默认false，我调成true，
但是建议画流程图还是使用其他软件，插入图片，另外，即便可以在预览窗口看到流程图，
使用markdown pdf导出为PDF的时候也不能显示。。。。。只能看看。。。。
"markdown-preview-enhanced.previewTheme":设置预览主题，只能设置它给定的几个主题，
默认是 "github-light.css", 但是人的智慧是无穷的使用自己下载的或者自定义的CSS的办法，
请参考我的另一篇教程，链接将会在下面给出。

2.3 markdown+math

🎜🎜 Einführung 🎜: Diese Erweiterung unterstützt Inline-Matheformeln mit dem $-Trennzeichen oder mit KaTeX-Analysefehler: Funktion '$' kann im Mathematikmodus an Position 126 nicht verwendet werden: ...die Formel kann nicht verwendet werden. Alle Formeln müssen in ' $̲ $ ' oder ...$$ vorliegen . 🎜🎜🎜Konfiguration🎜: Keine Konfiguration erforderlich🎜🎜

2.4 Markdown PDF

🎜🎜Einführung🎜: Markdown unterstützt keine PDF-Ausgabe, Sie müssen andere Methoden zur Ausgabe verwenden, verwenden Sie einfach dieses Plug- In.
Das Plug-in unterstützt auch den Export in die folgenden Formate. Sie müssen nur mit der rechten Maustaste auf die MD-Datei klicken, um die Optionen anzuzeigen
🎜🎜

🎜🎜🎜🎜Konfiguration🎜: Dieses Plug-in hat Insgesamt 34 Konfigurationen, von denen die meisten standardmäßig sind. Okay, die folgenden sind gängige Konfigurationen: 🎜🎜rrreee

2.5 Markdown Preview Enhanced

Klicken Sie mit der rechten Maustaste auf das Vorschaufenster, wie unten gezeigt: h4>

🎜

🎜🎜Einführung 🎜: Das Echtzeit-Vorschau-Plug-in ist sehr nützlich. Es kann auch mit anderen Programmen im Bild oben kombiniert werden, um in andere Formate zu exportieren. Es wird empfohlen pandoc zum Exportieren in word-Dateien, pdf, html und andere Formate zu verwenden, der gemessene Exporteffekt ist jedoch vorhanden nicht ideal. Es kann daran liegen, dass die Haltung falsch ist und ich nicht ins Detail gegangen bin. 🎜🎜🎜Konfiguration🎜: 🎜🎜rrreee🎜Lösen Sie das Problem, dass Markdown Preview Enhanced unter VS-Code kein benutzerdefiniertes CSS verwenden kann.🎜🎜 Empfohlen: 🎜php-Tutorial🎜, 🎜php-Video-Tutorial🎜🎜🎜🎜

Das obige ist der detaillierte Inhalt vonVerwenden Sie das VS Code-Plug-in, um den perfekten MarkDown-Editor zu erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!