---
# System prepended metadata

title: WSL中常用的編輯器

---

# WSL中常用的文字編輯器

免責聲明:
這篇只是記錄，不保證在其他電腦也成功。

為什麼需要文字編輯器?
除了像記事本一樣紀錄事情外，當我們需要新增或修改檔案都會用到，因為電腦是讀取一個個字符來知道要執行什麼。

本篇會看到的文字編輯器:
● Gnome文字編輯器
● Nano
● Vim
● Visual Studio Code(VS Code)
只會提到安裝、如何輸入、如何儲存等這些最基本功能。

## Gnome文字編輯器
### 安裝
按[Microsoft官方的教學](https://learn.microsoft.com/zh-tw/windows/wsl/tutorials/gui-apps)進入到WSL中，然後在終端機輸入`sudo apt install gnome-text-editor -y`並按下Enter就能安裝了。
### 用法
在終端機輸入`gnome-text-editor`，然後就會跳出一個視窗讓你編輯。如果要開啟特定檔案，按左上角的「Open」，然後再按資料夾圖示就可以選了。
出現的warning似乎不影響。
![螢幕擷取畫面 2026-03-11 171526](https://hackmd.io/_uploads/ByoTMnRKbx.jpg)
![螢幕擷取畫面 2026-03-11 171151](https://hackmd.io/_uploads/rkKFG20KWl.jpg =30%x) -> ![螢幕擷取畫面 2026-03-11 171211](https://hackmd.io/_uploads/HkXO73AFbg.jpg =30%x) -> ![螢幕擷取畫面 2026-03-11 171309](https://hackmd.io/_uploads/HyD57nAYbx.jpg =30%x)

也可以在終端機輸入`gnome-text-editor 你的檔案路徑`。
例如輸入`gnome-text-editor ~/Documents/test_G.txt`，就會在Documents資料夾下產生test_G.txt。
![螢幕擷取畫面 2026-03-11 165658](https://hackmd.io/_uploads/ByKxSnCY-l.jpg)
![螢幕擷取畫面 2026-03-11 172705](https://hackmd.io/_uploads/rkn9r3AtWx.jpg)

編輯方式就像用記事本，將游標移到要打字的位置然後輸入，結束時在「≡」中找到Save並按下就儲存了。
<div style="text-align: center;">
    <img src="https://hackmd.io/_uploads/HkN0H2Atbl.jpg" width="50%" height="50%"/>
</div>


## Nano
### 安裝
進入到WSL中，在終端機輸入`sudo apt install nano`並按下Enter就能安裝了。
### 用法
在終端機輸入`nano`，然後終端機就會變成下方這個畫面，接著就可直接在上面打字了。
![螢幕擷取畫面 2026-03-12 184410](https://hackmd.io/_uploads/rkufKzl5-g.jpg =40%x)
![螢幕擷取畫面 2026-03-12 180050](https://hackmd.io/_uploads/rymhgMg9Zx.jpg)

當編輯完要儲存時先按 ctrl+o ，然後下方灰色區塊可以寫上要儲存的路徑、檔名、格式，接著再按Enter就儲存完了，最後按 ctrl+x 就會回到原本終端機的畫面。
下圖的例子是存在/home/USER/Documents資料夾下，檔名是test_N，格式是txt，這裡的USER則是看你的使用者名稱。
![螢幕擷取畫面 2026-03-12 182526](https://hackmd.io/_uploads/rJm7rfg5bl.jpg)
![螢幕擷取畫面 2026-03-12 184112](https://hackmd.io/_uploads/rkgcOfxcbx.jpg)

也可以在終端機輸入`nano 你的檔案路徑`來編輯，如果原本沒有這個檔案則會新創一個，不過儲存後才會在資料夾中看到。
例如在終端機輸入`nano ~/Documents/test_N.txt`就會編輯剛才創的文字檔。
![螢幕擷取畫面 2026-03-12 184537](https://hackmd.io/_uploads/SJTYYGl9-e.jpg =80%x)


## Vim
### 安裝
進入到WSL中，在終端機輸入`sudo apt install vim`並按下Enter就能安裝了。
### 用法
在終端機輸入`vim`，然後終端機就會出現下方這個畫面，接著按i就可進行編輯。
![螢幕擷取畫面 2026-03-18 162240](https://hackmd.io/_uploads/HyTkGk_c-l.jpg =40%x)
![螢幕擷取畫面 2026-03-18 161238](https://hackmd.io/_uploads/ByrX1kdqbg.jpg)
當按下i後終端機左下角會出現「-- INSERT --」字樣，代表進入編輯模式，可以開始打字了。
![螢幕擷取畫面 2026-03-18 161446](https://hackmd.io/_uploads/HJiRk1u9Wl.jpg)

當編輯完後需要先按Esc退出編輯模式，這時會看到「-- INSERT --」字樣消失。
![螢幕擷取畫面 2026-03-18 162120](https://hackmd.io/_uploads/rJJYfyd5bl.jpg)
接著再輸入`:wq 你的檔案路徑`就會儲存並退出，其中w代表寫入，q代表退出，如果不儲存並強制退出則輸入`:q!`。
下方的例子也是存在Documents資料夾下，檔案是test_V.txt。
![螢幕擷取畫面 2026-03-18 162213](https://hackmd.io/_uploads/BJbnzyu9-x.jpg)
![螢幕擷取畫面 2026-03-18 164748](https://hackmd.io/_uploads/BkiyD1Oc-e.jpg)


和前面幾種編輯器類似，也可用`vim 你的檔案路徑`來編輯。
以開啟前面我們儲存的檔案為例，在輸入vim ~/Documents/test_V.txt後會看到左下角有顯示檔案路徑。
![螢幕擷取畫面 2026-03-18 165328](https://hackmd.io/_uploads/S1eJtJOqWg.jpg =80%x)
![螢幕擷取畫面 2026-03-18 165359](https://hackmd.io/_uploads/r1gXYJuq-l.jpg)
假如是以這種方式新建立檔案，在左下角的檔名後面會顯示「[new]」。
![螢幕擷取畫面 2026-03-18 170346](https://hackmd.io/_uploads/Syf7j1_qbl.jpg)


## Visual Studio Code(VS Code)
### 安裝
1.Windows部分:
需要先在Windows中安裝好VS Code並開啟它，然後點擊「延伸模組」的地方搜尋「WSL」(下圖的步驟1和2)，然後找到企鵝圖示並寫著WSL的模組並點及安裝(下圖的步驟3)。
![螢幕擷取畫面 2026-02-06 182810](https://hackmd.io/_uploads/SyZ5Mgu9-l.jpg)

2.WSL部分:
Windows部分完成後，打開終端機並輸入`wsl`進到WSL中，然後輸入`code .`，第一次使用會開始安裝VS Code Server，安裝好會跳出VS code的視窗，這時會發現左下角會顯示是在WSL中。
![螢幕擷取畫面 2026-02-06 183438](https://hackmd.io/_uploads/HkNZSx_5Zx.jpg)
![螢幕擷取畫面 2026-02-06 184121](https://hackmd.io/_uploads/B1WcSxd9Zl.jpg)
然後需要安裝python、c++、CMake Tools等擴充套件，這時安裝的位置是在WSL而不是local，到這個部分就安裝完了。
![螢幕擷取畫面 2026-02-06 184957](https://hackmd.io/_uploads/rkl_CxOq-l.jpg =30%x)

### 用法
在終端機輸入`code .`，如果是要開啟已存在的檔案，點左上角的「檔案」，然後再點選「開啟檔案」就會跳出視窗讓你點選。
![螢幕擷取畫面 2026-03-18 183934](https://hackmd.io/_uploads/rkf7QWu9bx.jpg)
跳出的視窗。
![螢幕擷取畫面 2026-03-18 184601](https://hackmd.io/_uploads/ryTVQZ_5Zl.jpg)

新增一個檔案的話也是先點左上角的「檔案」，不過接下來點選「新增檔案...」，點了之後視窗中間上方會讓你選檔案格式。
![螢幕擷取畫面 2026-03-18 185339](https://hackmd.io/_uploads/SJh5BZ_q-x.jpg)
這裡我隨便點了文字檔。
![螢幕擷取畫面 2026-03-18 185404](https://hackmd.io/_uploads/HkkMLbOqWl.jpg)
點了之後會出現下圖畫面，點了畫面確認文字游標在畫面中就可開始打字。
![螢幕擷取畫面 2026-03-18 190614](https://hackmd.io/_uploads/HyYLwZOc-g.jpg)

儲存的話可點檔案中的「另存新檔...」，也是會跳出視窗讓你點選位置以及修改檔名。
![螢幕擷取畫面 2026-03-18 190953](https://hackmd.io/_uploads/r1cC_-u5Wg.jpg)
![螢幕擷取畫面 2026-03-18 185822](https://hackmd.io/_uploads/ry9lYW_qbg.jpg)

另外提到一點，當你使用`code .`後跳出了VS code視窗，再回去看使用指令的終端機會發現這個終端機還可以執行其他命令。


## 參考資料
[1] Microsoft官方安裝Gnome文字編輯器的教學:
https://learn.microsoft.com/zh-tw/windows/wsl/tutorials/gui-apps
[2] Vim參考的教學:
https://linux.vbird.org/linux_basic/centos7/0310vi.php
[3] Microsoft官方VS code搭配WSL的教學:
https://learn.microsoft.com/zh-tw/windows/wsl/tutorials/wsl-vscode
[4] VS code搭配WSL的教學，有提到WSL中多個環境的情況:
https://vocus.cc/article/656448d4fd89780001496320
[5] VS code搭配WSL的教學，有較多文字說明:
https://hackmd.io/@withhhsong/python_wsl


作者小廢文:
為什麼有些瑣碎部分可以不用寫但還是寫了?
一個原因是避免初次接觸這些東西的人看到沒看過的畫面就放棄了，另一個原因是本人也沒時常接觸這些(就是不熟)，所以做一個步驟就截個圖，既然都截圖了就乾脆放上來。