在 VSCode 中用 Markdown 做「數字化」學習筆記
來源 https://zhuanlan.zhihu.com/p/366596107
VSCode 配上 Markdown 語言, 就能寫出酷炫, 便捷, 且適應互聯網的「數字化」學習筆記.
我已經用這種方式在課堂上寫了接近一年的筆記，你甚至可以在線瀏覽我的筆記：
這個教程是我這段時間踩過各種各樣的坑之后, 總結 VSCode 做學習筆記的最佳實踐.
如果你對在 VSCode 中做筆記有什么好的主意, 歡迎留下你的意見, 我會第一時間在教程中加入!
環境搭配
安裝 VSCode
前往 官網 下載 VSCode, 點擊 Download, 就會自動開始下載:
如果網速較慢, 你也可以在 騰訊軟件中心 下載.
進入安裝界面, 將選項全部勾選, 點 下一步 和 安裝, 直到安裝完成即可.
中文支持 (選做)
如果你不想看英文, 想要中文版本的 VSCode, 你可以安裝一個中文支持插件. 雖然我個人不太喜歡, 但是每個人都有自己的喜好嘛.
打開 VSCode, 點擊插件面板, 輸入 Chinese, 選擇出現的第一個插件進行 Install 安裝.
安裝好后, 按照右下角提示重啟 VSCode.
可以看出, 界面以及變為中文了.
安裝 Markdown 相關插件
為了良好的記筆記體驗, 你需要安裝和 Markdown 相關的 VSCode 插件:
你可以下載我整理的這個 Extension Pack, 它包括了下面這些插件:
- Markdown Preview Enhanced
- Markdown All in One
- Better Markdown & Latex Shortcuts
- Bracket Pair Colorizer 2
- Paste Image
- Code Spell Checker
- Vscode Icons
就像安裝中文支持那樣操作, 點擊插件面板, 搜索 Markdown-Notes-Pack, 點擊 Install 進行安裝, 可能會花一點時間.
安裝 Git
你可以前往 官網 下載 Git, 有 Windows 版本, 也有 Mac 版本和 Linux 版本.
如果你網速不佳, 也可以去 騰訊軟件中心 下載.
安裝過程中, 基本上一直點 Next 就好.
安裝好了之后, 按下 Win 鍵, 輸入 cmd, 回車, 便出現了命令行.
輸入
git命令, 回車, 若輸出如圖顯示, Git 就安裝成功了.
第一個 Markdown 文件: Hello World!
新建筆記工作區
工作區是什么?
工作區就是一個文件夾, 在你做筆記的時候, 工作區應該是你的筆記的根文件夾.
例如, 我在 D 盤創建了一個文件夾 D:\Notes, 那么我的工作區就應該是這個 D:\Notes 文件夾.
你可以像我一樣, 在 D 盤新建一個 Notes 文件夾, 並在 VSCode 中打開這個文件夾.
在工作區子筆記文件夾
我個人比較喜歡將筆記按照不同的課程放在不同的文件夾下, 比如在我們的 Markdown 學習之旅中, 我們可以先新建一個文件夾叫 Learn.
新建一個文件, 命名為 test.md, 注意后綴一定要是 .md!!! 這樣表明它是一個 Markdown 文件. 你的所有筆記文件都應該以 .md 作為后綴.
寫下第一行 Markdown 筆記
輸入筆記內容:
# Hello, World!(注意, # 和 文本之間要加入空格!)
然后按照先后順序按下快捷鍵 Ctrl + K, V, 然后在右邊就會出現預覽窗口.
(注意, 快捷鍵按下時要連貫, 並且按下 V 的同時不用按 Ctrl 鍵!)
如果正常地顯示出了標題 "Hello, World!", 那么恭喜你, 第一個 Markdown 筆記寫成功了!
修改預覽窗口背景 (選做)
相信聰明的你已經發現了一個問題:
為什么我的預覽窗口是白色的, 太刺眼了! 為什么你的預覽窗口和代碼窗口顏色一樣?
誒, 別急, 這就告訴你. 這里的預覽窗口的 Markdown Preview Enhanced 插件生成的. 你只需要修改一下這個插件的配置就可以了.
按下快捷鍵 Ctrl + ,, 就會打開設置窗口.
在搜索框輸入 Preview Theme, 看見標題為 Preview Theme 的選項, 在下拉框中選擇 atom-dark.css, 就能讓預覽窗口的顏色改變了.
(當然, 顏色還是和 VSCode 有一點差別, 就不要在意這些細節啦)
Markdown 語法
純粹的 Markdown 語法其實非常簡單, 70 行的語法介紹就可以寫完.
# 一級標題
## 二級標題
### 三級標題
每寫完一個段落要隔一行空行.
就像這樣, 隔了一行空行.
---
分割線
**重點加粗**
*斜體*
~~刪除線~~
---
列表:
* 無序列表
* 嵌套無序列表
* 嵌套無序列表
* 無序列表
* 無序列表
1. 有序列表 1
1. 嵌套有序列表 1
2. 嵌套有序列表 2
2. 有序列表 2
3. 有序列表 3
---
引用文本:
> 引用別人說的話
> 就這樣寫
> By. OrangeX4
---
這是 `行內代碼` 語法.
代碼塊語法:
''' python
print("Hello, World!")
'''
請將 ' 替換成 `.
---
[超鏈接名稱](鏈接地址)
---
表格:
| 表頭 | 表頭 |
| ---- | ---- |
| 內容 | 內容 |
| 內容 | 內容 |
---
注釋:
<!-- 你看不見我 -->標題
你可以用
# 一級標題
## 二級標題
### 三級標題
段落.或
一級標題
=======
二級標題
-------的方式表示標題, 個人更推薦前一種方式. (不用對齊, 強迫症福音!)
段落
段落和段落之間要隔一行.
就像這樣.分割線
三條橫線 (或更多的橫線) 表示分割線.
---
就像這樣.
加粗, 斜體和刪除線
做筆記的時候, 我們常常會有這樣的要求, "加粗, 斜體和刪除線", 作為筆記的
**重點加粗**
*斜體*
~~刪除線~~Markdown Preview Enhanced 拓展功能:
==高亮==
快捷鍵:
選中文本之后, 按下 Ctrl + B 可以給選中文本加粗.
同理 Ctrl + I 可以讓選中文本變為斜體.
列表
列表是記筆記時非常基本的元素, 在 Markdown 中, 可以用很方便的格式書寫列表:
* 無序列表
* 嵌套無序列表
* 嵌套無序列表
* 無序列表
* 無序列表
1. 有序列表 1
1. 嵌套有序列表 1
2. 嵌套有序列表 2
2. 有序列表 2
3. 有序列表 3Markdown Preview Enhanced 拓展功能:
任務列表:
- [x] 已經完成的事 1
- [x] 已經完成的事 2
- [x] 已經完成的事 3
- [ ] 仍未完成的事 4
- [ ] 仍未完成的事 5
快捷鍵:
要進行縮進 (書寫嵌套列表), 你可以使用 VSCode 的快捷鍵 Ctrl + [ 和 Ctrl + ].
這個快捷鍵可以將代碼向左或向右進行縮進!
引用和代碼
引用文本:
> 引用別人說的話
> 就這樣寫
> By. OrangeX4
這是 `行內代碼` 語法.
代碼塊語法:
''' python
print("Hello, World!")
'''
注意要將 ' 替換成 `.
Markdown Preview Enhanced 拓展功能:
代碼行數的顯示:
''' javascript {.line-numbers}
function add(x, y) {
return x + y
}
'''
注意要將 ' 替換成 `.
超鏈接和圖片
你可以用下面的語法插入超鏈接和圖片:
[超鏈接名稱](鏈接地址)
例如, 可以使用網址和圖床:
[OrangeX4's Blog](https://orangex4.cool/)
也可以在本地用相對地址:
[Other](other.md)
剪貼板圖片插入
看了上面的插入圖片語法, 也許你會覺得, 好麻煩啊.
我就插入一張圖片, 居然還要把圖片上傳到網上. 或者把圖片保存到本地, 還要移動圖片, 命名啥的.
就不能像 Word 那樣, 直接剪貼板粘貼圖片嗎?
萬能的 VSCode 當然可以做到類似的事!
其實, 使用你已經安裝了的 Paste Image 插件就行.
不過在使用之前, 你要做一點小調整:
按下 Ctrl + , 打開設置窗口, 輸入 Paste Image Path 並搜索, 將框內的文本改成 ${currentFileDir}/image.
注意標題是 Paste Image: Path, 不要弄錯了!
設置好之后, 你就可以使用剪貼板粘貼功能了!
按下快捷鍵 Ctrl + Alt + V,
就能把圖片自動保存到當前目錄下, 並以正確的格式粘貼到當前的 Markdown 文件中.
如果你需要上傳到圖床, 便於在互聯網中分享的話, 也可以用 Better Markdown & Latex Shortcuts 中的功能, 按下快捷鍵 Shift + Ctrl + Alt + V, 就可以上傳到圖床並自動以正確格式粘貼到當前 Markdown 文件中.
表格
你可以很方便地在做筆記的時候加入表格:
表格:
| 表頭 | 表頭 |
| ---- | ---- |
| 內容 | 內容 |
| 內容 | 內容 |Markdown Preview Enhanced 拓展功能:
拓展語法:
| 表頭 | 表頭 |
| ---- | ---- |
| 內容 | 內容 |
| > | 內容 |
| 表頭 | 表頭 |
| ---- | ---- |
| 內容 | 內容 |
| ^ | 內容 |
快捷鍵:
自動表格對齊: Shift + Alt + F
注釋
注釋不會被渲染出來.
你可以隨手做點草稿, 如果還想保留着, 但是不顯示, 就可以按下快捷鍵 Ctrl + \ 將當前行注釋 / 反注釋.
注釋:
<!-- 你看不見我 -->
<!-- 多行注釋
就像這樣 -->有一點很重要的就是, VSCode 會在你每次修改代碼之后, 重新渲染一遍.
如果有很多很多的數學公式, 渲染會很慢, 這時候有兩個建議:
- 分成多個文件, 避免單文件過大!
- 將你暫時不看的部分注釋掉, 加快渲染速度!
數學公式支持
Markdown 的數學公式吸納了大部分的 Latex 語法, 你可以以一種簡單的方式在 VSCode 中書寫數學公式.
行內公式:
單位圓 $x^2+y^2=1$
公式塊:
$$
\begin{cases}
x=\rho\cos\theta \\
y=\rho\sin\theta \\
\end{cases}
$$
VSCode 有着非常便捷好用的自動補全功能, 只需要簡單地打出你想打的內容的幾個字母 (亂序也行), 再使用 ↑ ↓ 進行選擇, 最后按下回車就可以打出你想要的內容.
還有, 不要在公式內使用中文, 除非是 \text{中文} (但是也不推薦)
1. 上標和下標
上標 $x^2 + y^{12} = 1$
上標 $x_1 + y_{12} = 1$
自動補全:
\\-1⇒^{-1}\\comma⇒\alpha_1,\alpha_2,\cdots,\alpha_n
2. 分式
較小的行內行分數 $\frac{1}{2}$
展示型的分式 $\displaystyle\frac{x+1}{x-1}$其中 \displaystyle 用於將行內展示轉為塊狀展示.
自動補全:
選中文本時, x+1 + \\frac ⇒ \frac{x+1}{}
在自動補全之后, 按下 Tab 鍵可以切換到下一個位置!
3. 根式
開平方 $\sqrt{2}$
開 $n$ 次方 $\sqrt[n]{2}$
自動補全:
選中文本時, x+1 + \\sqrt ⇒ \sqrt{x+1}
4. 空格
數學公式中的空格和換行都會在編譯時被忽略.
輸入空格:
緊貼 $a\!b$
沒有空格 $ab$
小空格 $a\,b$
中等空格 $a\;b$
大空格 $a\ b$
quad 空格 $a\quad b$
兩個 quad 空格 $a\qquad b$
5. 累加, 累乘和積分
累加 $\sum_{k=1}^n\frac{1}{k} \quad \displaystyle\sum_{k=1}^n\frac{1}{k}$
累乘 $\prod_{k=1}^n\frac{1}{k} \quad \displaystyle\prod_{k=1}^n\frac{1}{k}$
積分 $\displaystyle \int_0^1x{\rm d}x \quad \iint_{D_{xy}} \quad \iiint_{\Omega_{xyz}}$
自動補全:
\\sum⇒\sum_{i=1}\\prod⇒\prod_{i=1}\\lim⇒\lim_{x\to \infty}
6. 括號修飾
用 \left 和 \right 可以讓括號適配內部大小
圓括號 $\displaystyle \left(\sum_{k=1}^{n}\frac{1}{k} \right)^2$
方括號 $\displaystyle \left[\sum_{k=1}^{n}\frac{1}{k} \right]^2$
花括號 $\displaystyle \left\{\sum_{k=1}^{n}\frac{1}{k} \right\}^2$
尖括號 $\displaystyle \left\langle\sum_{k=1}^{n}\frac{1}{k} \right\rangle^2$
自動補全:
\\angel⇒\langle \rangle\\set⇒\{ \}\\bracket⇒\left( \right)\\square_bracket⇒\left[ \right]\\curly_bracket⇒\left\{ \right}
7. 多行算式對齊
居中:
$$
\begin{aligned}
y &=(x+5)^2-(x+1)^2 \\
&=(x^2+10x+25)-(x^2+2x+1) \\
&=8x+24 \\
\end{aligned}
$$
左對齊:
$
\begin{aligned}
y &=(x+5)^2-(x+1)^2 \\
&=(x^2+10x+25)-(x^2+2x+1) \\
&=8x+24 \\
\end{aligned}
$
自動補全:
選中文本時, x+1 + \\aligned ⇒ \begin{aligned} x+1 \\ \end{aligned}
8. 方程組
$$
\begin{cases}
k_{11}x_1+k_{12}x_2+\cdots+k_{1n}x_n=b_1 \\
k_{21}x_1+k_{22}x_2+\cdots+k_{2n}x_n=b_2 \\
\cdots \\
k_{n1}x_1+k_{n2}x_2+\cdots+k_{nn}x_n=b_n \\
\end{cases}
$$
自動補全:
選中文本時, x+1=2 + \\cases ⇒ \begin{cases} x+1=2 \\ \end{cases}
9. 矩陣
矩陣:
$$
\begin{pmatrix}
1 & 1 & \cdots & 1 \\
1 & 1 & \cdots & 1 \\
\vdots & \vdots & \ddots & \vdots \\
1 & 1 & \cdots & 1 \\
\end{pmatrix}
\quad
\begin{bmatrix}
1 & 1 & \cdots & 1 \\
1 & 1 & \cdots & 1 \\
\vdots & \vdots & \ddots & \vdots \\
1 & 1 & \cdots & 1 \\
\end{bmatrix}
$$
行列式:
$$
\begin{vmatrix}
1 & 1 & \cdots & 1 \\
1 & 1 & \cdots & 1 \\
\vdots & \vdots & \ddots & \vdots \\
1 & 1 & \cdots & 1 \\
\end{vmatrix}
$$
自動補全:
\\p22matrix⇒\begin{pmatrix}1&1\\1&1\end{pmatrix}\\b22matrix⇒\begin{bmatrix}1&1\\1&1\end{bmatrix}\\v22matrix⇒\begin{vmatrix}1&1\\1&1\end{vmatrix}\\c3vector⇒\begin{pmatrix}1\\1\\1\end{pmatrix}\\r3vector⇒\begin{pmatrix}1&1&1\end{pmatrix}
在自動補全之后, 按下 Tab 鍵可以切換到下一個位置!
10. 特殊字符
更多特殊符號可以 上網查詢
可以搜索 "Latex 符號表"
11. 公式編號與引用
$$
x+2 \tag{1.2}
$$
$$
\begin{equation}
x^n+y^n=z^n
\end{equation}
$$
由公式 $(1.2)$ 可得到結論
12. 零碎的重要語法
- 點乘
$\cdot$, 叉乘$\times$, 異或$\otimes$, 直和$\oplus$, 加減$\pm$, 復合$\circ$. - 小於等於
$\leq$, 大於等於$\geq$, 不等$\neq$, 恆等$\equiv$, 約等$\approx$, 等價$\cong$, 相似$\sim$, 相似等於$\simeq$, 點等$\doteq$. - 邏輯與
$\land$, 邏輯或$\lor$, 邏輯非$\lnot$, 蘊涵$\to$, 等價$\leftrightarrow$. - 因為
$\because$, 所以$\therefore$, 存在$\exist$, 任意$\forall$. - 左小箭頭
$\leftarrow$, 右小箭頭$\rightarrow$, 左大箭頭$\Leftarrow$, 右大箭頭$\Rightarrow$, 右長箭頭$\xrightarrow[fgh]{abcde}$. - 屬於
$\in$, 包含於$\subset$, 真包含於$\subseteq$, 交$\cap$, 並$\cup$, 空集$\empty$ - 短向量
$\vec{x}$, 長向量$\overrightarrow{AB}$, 上橫線$\overline{p}$. - 無限
$\infty$, 極限$\lim$, 微分${\rm d}$, 偏導$\partial$, 點求導$\dot{y}$, 點二階導$\ddot{y}$, 變化量$\Delta$, 梯度$\nabla$. - 橫省略
$\cdots$, 豎省略$\vdots$, 斜省略$\ddots$. - 常見函數
$\sin$,$\cos$,$\tan$,$\arcsin$,$\arccos$,$\arctan$,$\ln$,$\log$,$\exp$.
類似 UltiSnips 的自動補全
也許你曾經看過這篇文章：
於是你很想試一下，然后就被 Vim 和 Latex 給勸退了。
但是實際上，VSCode 完全能夠替代 Vim， Markdown 在記筆記方面也完全能夠替代 Latex。通過 VSCode 插件 HyperSnips for Math，你就可以像用 UtliSnips 一樣使用各種神奇的 Snippets。
插件安裝：HyperSnips for Math - Visual Studio Marketplace
安裝完成后，按下快捷鍵 `Ctrl + Shift + P`, 輸入命令 `Open Snippets Directory`, 就可以打開一個文件夾. 在該文件夾新建一個文件 `markdown.hsnips`, 並將 這個網址 里面的內容輸入進去, 保存, 就可以使用了.
例如, 你可以在數學環境中輸入: `(1+2)/`, 它會自動變為 \frac{1+2}{} .
你也可以創建自己的 Snippets, 按照格式, 發揮想象來寫就好!
VSCode 快捷鍵
快捷鍵是用 VSCode 記筆記的精髓之一, 每一個都非常重要!
請務必認真記住這些快捷鍵!!!
原生快捷鍵
- 通用操作
Ctrl + C, 復制當前文本Ctrl + V, 粘貼當前文本Ctrl + Z, 撤銷Ctrl + Shift + Z, 反撤銷Shift + Alt + F, 整理代碼Ctrl + /, 將當前行注釋 / 反注釋, 當多行文本被選中時, 將多行文本注釋- 光標操作
Ctrl + ←將光標向左移動一個單詞Ctrl + →將光標向右移動一個單詞Ctrl + Alt + ↑, 向上加入一個光標Ctrl + Alt + ↓, 向下加入一個光標Ctrl + Alt + U, 撤銷上次光標操作- 界面移動
Ctrl + ↑向上移動當前界面Ctrl + →向下移動當前界面- 選中操作
Shift + ←向左選中 / 反選中一個字符(重要)Shift + →向右選中 / 反選中一個字符(重要)Ctrl + Shift + ←向左選中 / 反選中一個單詞(重要)Ctrl + Shift + →向右選中 / 反選中一個單詞(重要)Ctrl + D當前有選中文本時, 將下一個與其相同的文本加入選中 (重要)- 文本行操作
Ctrl + C當前無選中文本時, 復制當前行Shift + Alt + ↑向上復制當前行, 當多行文本被選中時, 向上復制多行 (重要)Shift + Alt + ↓向下復制當前行, 當多行文本被選中時, 向下復制多行 (重要)Alt + ↑向上移動當前行, 當多行文本被選中時, 將當前多行文本向上移動 (重要)Alt + ↓向下移動當前行, 當多行文本被選中時, 將當前多行文本向下移動 (重要)
插件增加的快捷鍵
- Markdown 語法
Ctrl + B當前有選中文本時, 將文本加粗Ctrl + I當前有選中文本時, 將文本變為斜體Ctrl + M進入數學公式模式 (加入美元符)- 圖片粘貼
Ctrl + Alt + V粘貼剪貼板圖片 (本地)Ctrl + Alt + V粘貼剪貼板圖片 (圖床)- 光標操作
Ctrl + Alt + U將多選光標變為單選- 選中操作
Shift + Alt + ←向左復制當前選中文本 (重要)Shift + Alt + →向右復制當前選中文本 (重要)Alt + ←向左移動當前選中文本一個字符(重要)Alt + →向右移動當前選中文本一個字符(重要)Ctrl + Alt + ←向左移動當前選中文本一個單詞(重要)Ctrl + Alt + →向右移動當前選中文本一個單詞(重要)- 計算器功能
Ctrl + Shift + Alt + E計算當前選中表達式, 用等號連接並輸出Ctrl + Shift + Alt + R計算當前選中表達式, 並替換當前選中表達式Ctrl + Shift + Alt + D定義當前選中表達式, 無輸出- Python Brackets 帶來的括號操作
- Ctrl + Shift + Backspace 刪除匹配的括號
- Ctrl + Shift + / 選擇匹配的括號
科學計算
使用我開發的一個插件 `Latex Markdown Calculator` ，可以很方便地在 VSCode 中用 Latex 公式語法進行科學計算。
即選中一段數學表達式，按下一個快捷鍵就能幫你計算出結果，一些簡單的計算再也不用打開電腦自帶的計算器和 Matlab~ 因為是基於 Python Sympy 的，已經有很多強大的功能了。
比如說：符號運算，求積分，求微分，基於矩陣的符號運算（如行列式，點乘，轉置，求逆等功能），解方程... (詳見 Latex Sympy Calculator 插件)
只要選擇一段公式表達式文本，然后按下快捷鍵 Ctrl ＋ Shift + E 就看得出計算結果。
目前支持功能: 數值計算，符號運算，求導，求積分，矩陣計算，矩陣初等變換 等功能。
雲端存儲
版本控制
我們使用 Git 來實現版本控制, 或者是筆記保存效果.
每次你更改了筆記, 在傳到雲端之前, 都要進行一次筆記保存 Commit.
上傳到 GitHub
GitHub 是世界上最大的代碼托管平台, 你當然也可以把你的筆記托管在 GitHub 上.
你可以看我的這篇 GitHub 簡易指南, 加深對 GitHub 的理解.
要上 GitHub, 你可能需要一點小技巧, 這我就不教你了.
不然你也可以選擇國內的 Gitee 或者國內能訪問的 GitLab.
看完這篇指南之后, 你大概就知道怎么把筆記托管到雲端了, 而且, 完全免費噢.
(雖然好像麻煩了點)
上傳雲端
如果你設置好了 GitHub, 需要上傳到雲端了, 你可以 Git Push 上去.
在線瀏覽
如果你把你的筆記上傳到了雲端, 你就可以隨時隨地地查看你的筆記, 並且可以很方便地分享給別人.
比如, 你要看我的筆記, 可以訪問這個鏈接:
https://notes.orangex4.cool/?git=gitlab
如果你把你的筆記上傳到了 GitHub, 想要查看, 你可以用這個網址:
並且仿照這個格式:
https://notes.orangex4.cool/?git=github&github=typoverflow/note
大概格式是:
https://notes.orangex4.cool/?git=github&github=用戶名/筆記倉庫
你就有了這種效果的筆記!
Markdown 進階 (選看)
Markdown Preview Enhanced 提供了非常強大的功能, 你可以訪問 MPE 簡介 獲取更多相關的信息.
例如說, 你可以:
自動目錄
只需要使用語法
[TOC]就能自動生成目錄。
HTML 支持
和 Latex 一般轉化為 PDF 文件不同，Markdown 在最后一般都會被翻譯成 HTML 文件。
這也暗示了我們: 可以直接在 Markdown 中插入 HTML 標簽。
例如我們如果想要控制圖片的大小，就可以使用 img 標簽。
如:
<img src="/images/file.jpg" alt="name" />如果要修改字體樣式，顏色等等各種東西，也可以直接修改 CSS。
畫圖
流程圖
時序圖
其他
你可以自己訪問 MPE 簡介 獲取更多相關的信息.
代碼塊
你可以在 Markdown 中運行 Python, Javascript 之類的代碼!
甚至可以運行 Latex!
詳見 Code Chunk.
軟件推薦
Snipaste
超良心的截圖軟件, 而且可以貼圖到屏幕上, 寫作業神器!
GeoGebra
你可以很方便地畫函數圖像!
Drawio
超良心的免費畫圖軟件, 你可以用它畫流程圖, 電路圖之類的各種圖.
對齊功能超贊, 而且完全免費!
而且可以不用下載, 在線使用!
當然你要離線用也可以下離線版本, 甚至可以下載對應的 VSCode 插件!
總結
暫時想到的就這些啦, 更多的內容后續再補充, 也歡迎給我提交意見~
都看到這里了，不如就點個贊唄～
============== End