提升vscode的markdown書寫體驗

提升vscode的markdown書寫體驗

markdown寫做起來十分的方便, 展現效果也很優雅. 主推一下vscode這個程序員利器.

爲何選擇vscode?

原生支持

做爲一個代碼編輯器, 原生支持markdown顯示. 只須要 command(ctrl)+shift+p, 輸入 Markdown Priview to the side , 就能夠預覽.

能夠定製化的預覽樣式

能夠自由地導入markdown展現樣式, 也能夠經過 Markdown Theme Kit 這樣的插件來快速更改修改風格. 這裏推薦一款 Markdown Preview Github Styling 插件, 能夠將預覽模式變成github的樣式

擁有快速格式化工具

推薦一下 markdown-formatter 插件, 能夠快速格式化代碼.

例如這樣的內容

按一下command+shift+f 就能夠快速格式化爲

是否是很方便?(標題並無被刪掉, 只是沒截下來)

支持快捷輸入

enter之後, 生成表格

也能夠插入代碼

支持LaTex語法

安裝 Markdown+Math 插件, 就能夠愉快預覽LaTex數學公式了, 此處 艾特 掘金官方, 他們的文檔也支持LaTex哦

這樣的代碼

$ f(x, y) = \frac{x^2}{y^3} $
複製代碼

在掘金裏

本地預覽截圖

更多功能

在Setting.json中能夠進行更多設置來開啓更多功能

例如能夠針對markdown設置保存自動格式化,顯示空白字符等等

"[markdown]": {
  // 保存自動格式化
  "editor.formatOnSave": true,
  // 顯示空白字符
  "editor.renderWhitespace": "all",
  // 快速補全
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },
  "editor.snippetSuggestions": "top",
  "editor.tabCompletion": "on",
  "editor.acceptSuggestionOnEnter": "on"
}
複製代碼

文中插件

插件名	做用	測試版本
Markdown Theme Kit	支持自定義markdown預覽樣式	0.1.4
Markdown Preview Github Styling	以github風格預覽markdown	0.1.6
markdown-formatter	支持格式化和快捷輸入	0.4.0
Markdown+Math	支持LaTex數學公式	2.3.9

---

好的, 本期節目到這裏就結束了, 喜歡的觀衆請點個關注, 並長按視頻下方的大拇指一鍵三連支持下up主.

拜託啦這對我真的很重要.