Visual studio code (VS code)

Markdown 寫作工具選擇

候選產品

1. VS Code http://code.visualstudio.com
   微軟出品的輕量級編輯器, 免費, 和 sublime text 屬於一個流派的, 配合下面幾個插件 markdown 插件寫
2. MarkdownMate http://www.markdownmate.cn/
   everedit 作者又一力作, 有試用期, 試用期過后不能編輯, 但仍可以作為 markdown 瀏覽器使用. 漂亮的 UI, 簡潔的 Markdown 工具條, 預覽效果也不錯. 最贊的是編輯器.
3. MarkdownPad http://markdownpad.com/
   實時預覽做的不錯, 大文檔預覽的同步滾動做的也不錯. 但免費版限制較多.

我的選擇

VS code 畢竟是大廠的產品, 同時也是多功能的編輯器, 我還是選定 VS code 作為我的 markdown 寫作工具.

我用的幾個 VS Code 插件

微軟官方出的 Docs Authoring Pack 插件包

Markdown Preview Enhanced

1. 編輯區有快捷菜單"Markdown Preview Enhanced -Open Preview", 能打開 Markdown 預覽, 該預覽功能非常強大, 能支持 code block 和 Table 和圖片預覽.
2. 預覽區有快捷菜單"Image Helper", 能幫助生成圖片 link 寫法.
3. 有 Insert Table 命令

Markdown All in One

1. 在 Explorer panel 中能顯示 markdown 的 outline
2. 編輯區有快捷菜單"Format document" 命令, 能格式化 markdown 的 Table

markdownlint

1. 協助檢查 markdown 寫法

Table Formatter

1. 格式化 Markdown 的 table

Insert Spaces between Half/Fullwidths

1. 中英文排版必備插件, 在中文和英文之間插入空格. 快捷鍵為 Ctrl+Shift+J.

Code Outline(這個不是 markdown 插件, 但我經常用到)

1. 在 Explorer panel 中能顯示代碼文件的 outline, 比 notepad++ 的 function list 好用

Beautify(hookyqr.beautify HookyQR)

1. 用來format web相關文件內容, 比如 html/js/json/css 等格式

VS code 降低 CPU占用

在配置中修改:

1. Cursor blinking 默認是 blink 模式, 即光標總是一閃一閃的, VS code 是通過css樣式實現的, 比較耗CPU, 可修改為 solid 模式.
2. window.titleBarStyle 為 native
3. 插件要少裝, 尤其git不要激活, 不要讓vsc 頻繁掃描磁盤文件狀態.
4. 使用命令 Developer: open process explorer 查看插件的CPU/Memory使用情況, 該禁止就禁.

Markdown 幾個鏈接的寫法, 寫下備忘

Markdown 中插入的圖片, 我沒有使用圖床, 而是在自己機器上使用 mongoose 免費版搭建了一個 web server.

• 快捷 link 寫法:
  http://localhost:8080/ch1/img8.png

• 帶 alt 文字的 link 寫法:
  alt 文字

• 圖片嵌入的寫法:
  

VS Code 的其他使用場景

編寫前端代碼

編寫 html/javascript

作為 Windows terminal 工具

作為 powershell /cmd /bash console, 在 terminal 中 執行 git 帶的 bash.exe 就進入了bash console.

Rest 測試工具, 代替 postman

VS Code 的 Rest client 插件非常好用, 在編輯區中, 按照指定格式輸入 GET/POST/PUT/DELETE 請求 , 然后Shift+Alt+P調出 Rest Client的命令, 該插件就會展現一個結果區, 非常方便.