550 字
3 分鐘
Visual Studio Code 寫文檔或文章必裝的外掛Markdown Preview Enhanced

介紹#

Visual Studio Code 的外掛 Markdown Preview Enhanced,Markdown 非常好用的工具,能不使用滑鼠就可以寫出一篇文章,要下標題 H1 輸入一個#就可以了,H2 輸入##非常好用,這個 Markdown Preview Enhanced 外掛是集合了非常多的功能不只是 Markdown,還有許多功能 LaTeX 數學、流程圖 / 時序圖 以及各種其他種類的圖形,可以輸出 PDF、HTML 檔案,沒有完全列舉出來,想看更多可以看官方文檔還有中文文檔。

安裝#

中文文檔(在新分頁開啟)

英文文檔(在新分頁開啟)

file

使用方法及設定#

Markdown 基本使用#

官方教學(中文)(在新分頁開啟)

  • 一些常用的 Markdown

    • 標題
# 這是 h1 一級標題
## 這是 h2 二級標題
### 這是 h3 三級標題
#### 這是 h4 四級標題
##### 這是 h5 五級標題
###### 這是 h6 六級標題
* 列表
* 無序列表
* Item 1
* Item 2
* Item 2a
* Item 2b
- Item 1
- Item 2
- Item 2a
- Item 2b
* 有序列表
1. Item 1
2. Item 2
3. Item 3
1. Item 3a
2. Item 3b
1. Item 1
1. Item 2
1. Item 3
1. Item 3a
1. Item 3b
  • 加入圖片
![GitHub Logo](logo.png)
![標題](圖片網址)
  • 連結
https://github.com - 自動產生連結!
[GitHub](https://github.com)

預覽#

快捷鍵:ctrl-shift-v

file

開啟 Markdown 表格功能#

file

file

表格使用方法

Shortcuts| Functionality
------------ | -------------
cmd-k v| Open preview to the Side
ctrl-shift-v| Open preview
ctrl-shift-s| Sync preview / Sync source
shift-enter| Run Code Chunk
ctrl-shift-enter| Run all Code Chunks
cmd-= or cmd-shift-=| Preview zoom in
cmd-- or cmd-shift-_| Preview zoom out
cmd-0| Preview reset zoom
esc| Toggle sidebar TOC

效果

file

轉成 HTML#

在預覽任何一點選擇右鍵

file

Prince 輸出 PDF#

  1. 安裝 Prince
  1. 設定環境變數
  • 新增:C:\Program Files (x86)\Prince\engine\bin

file

  1. markdown 設定輸出格式 在要輸出的 md 格式檔案開頭輸入,官方文檔說明(在新分頁開啟)

file

  1. 輸出 對預覽的 markdown 文件右鍵選擇 PDF

轉成 Word#

與 pdf 一樣要安裝 Prince

文件開頭輸入指定格式,預覽畫面右鍵選擇 Pandoc

file

更多方法看官方文檔會發現更多有趣的東西

官方文檔說明(在新分頁開啟)

Visual Studio Code 寫文檔或文章必裝的外掛Markdown Preview Enhanced
https://aishuafei.com/posts/visual-studio-code-寫文檔或文章必裝的外掛markdown-preview-enhanced/
作者
愛耍廢
發佈於
2020-04-22
許可協議
CC BY-NC-SA 4.0