使用VS Code外掛程式打造完美的MarkDown編輯器

一、概述​​

#最近迷上了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

     在預覽視窗右鍵點選出現下圖所示：

• 簡介：即時預覽的插件，很好用，也可以結合上圖中的其他程式匯出為其他格式，建議使用pandoc可以匯出為word檔案、pdf 、html等多種格式，但是實測匯出效果並不理想，可能是姿勢不對吧，沒有深究。
• 設定：

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

解決VS Code下Markdown Preview Enhanced不能使用自訂css的問題.

 推薦：

php教學,php影片教學

#

以上是使用VS Code外掛程式打造完美的MarkDown編輯器的詳細內容。更多資訊請關注PHP中文網其他相關文章！