# 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似乎不影響。
 ->  -> 

也可以在終端機輸入`gnome-text-editor 你的檔案路徑`。
例如輸入`gnome-text-editor ~/Documents/test_G.txt`，就會在Documents資料夾下產生test_G.txt。

編輯方式就像用記事本，將游標移到要打字的位置然後輸入，結束時在「≡」中找到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`，然後終端機就會變成下方這個畫面，接著就可直接在上面打字了。

當編輯完要儲存時先按 ctrl+o ，然後下方灰色區塊可以寫上要儲存的路徑、檔名、格式，接著再按Enter就儲存完了，最後按 ctrl+x 就會回到原本終端機的畫面。
下圖的例子是存在/home/USER/Documents資料夾下，檔名是test_N，格式是txt，這裡的USER則是看你的使用者名稱。

也可以在終端機輸入`nano 你的檔案路徑`來編輯，如果原本沒有這個檔案則會新創一個，不過儲存後才會在資料夾中看到。
例如在終端機輸入`nano ~/Documents/test_N.txt`就會編輯剛才創的文字檔。

## Vim
### 安裝
進入到WSL中，在終端機輸入`sudo apt install vim`並按下Enter就能安裝了。
### 用法
在終端機輸入`vim`，然後終端機就會出現下方這個畫面，接著按i就可進行編輯。
當按下i後終端機左下角會出現「-- INSERT --」字樣，代表進入編輯模式，可以開始打字了。

當編輯完後需要先按Esc退出編輯模式，這時會看到「-- INSERT --」字樣消失。
接著再輸入`:wq 你的檔案路徑`就會儲存並退出，其中w代表寫入，q代表退出，如果不儲存並強制退出則輸入`:q!`。
下方的例子也是存在Documents資料夾下，檔案是test_V.txt。

和前面幾種編輯器類似，也可用`vim 你的檔案路徑`來編輯。
以開啟前面我們儲存的檔案為例，在輸入vim ~/Documents/test_V.txt後會看到左下角有顯示檔案路徑。
假如是以這種方式新建立檔案，在左下角的檔名後面會顯示「[new]」。

## Visual Studio Code(VS Code)
### 安裝
1.Windows部分:
需要先在Windows中安裝好VS Code並開啟它，然後點擊「延伸模組」的地方搜尋「WSL」(下圖的步驟1和2)，然後找到企鵝圖示並寫著WSL的模組並點及安裝(下圖的步驟3)。

2.WSL部分:
Windows部分完成後，打開終端機並輸入`wsl`進到WSL中，然後輸入`code .`，第一次使用會開始安裝VS Code Server，安裝好會跳出VS code的視窗，這時會發現左下角會顯示是在WSL中。
然後需要安裝python、c++、CMake Tools等擴充套件，這時安裝的位置是在WSL而不是local，到這個部分就安裝完了。

### 用法
在終端機輸入`code .`，如果是要開啟已存在的檔案，點左上角的「檔案」，然後再點選「開啟檔案」就會跳出視窗讓你點選。
跳出的視窗。

新增一個檔案的話也是先點左上角的「檔案」，不過接下來點選「新增檔案...」，點了之後視窗中間上方會讓你選檔案格式。
這裡我隨便點了文字檔。
點了之後會出現下圖畫面，點了畫面確認文字游標在畫面中就可開始打字。

儲存的話可點檔案中的「另存新檔...」，也是會跳出視窗讓你點選位置以及修改檔名。

另外提到一點，當你使用`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

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