【VSCode】配置設定分享

為什麼想記錄下來

事情是這樣的...

某天在檢視~/AppData/Roaming裡面的資料，看看有沒有垃圾要手動清理，一個不小心砍掉了VSCode的設定資料夾，以至於重新開啟後整個頁面跟剛下載來安裝後的編輯器沒兩樣，乾脆趁這機會整理一下日常配置設定，哪天換新機或是又手殘了也能快速復原歸位。

給時間寶貴的你

鍵入ctrl+p叫出搜索框，輸入>Preferences: Open User Settings(JSON)
直接照貼上去後，再來補上缺少的擴充套件吧！

{
    "workbench.iconTheme": "material-icon-theme",
    "workbench.colorTheme": "Catppuccin Mocha",
    "terminal.integrated.defaultProfile.windows": "Git Bash",
    "terminal.integrated.fontFamily": "'Cascadia Code', Consolas, 'Courier New', monospace",
    "editor.fontFamily": "'Cascadia Code', Consolas, 'Courier New', monospace",
    "editor.lineHeight": 1.5,
    "editor.minimap.enabled": false,
    "editor.formatOnSave": true,
    "editor.fontLigatures": true,
    "vim.smartRelativeLine": true,
    "vim.useSystemClipboard": true,
    "vim.handleKeys": {
        "<C-d>": true,
        "<C-s>": false,
        "<C-z>": false,
        "<C-x>": false,
        "<C-c>": false,
        "<C-v>": false,
        "<C-p>": false,
        "<C-f>": false
    },
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "prettier.tabWidth": 4
}

擴充套件

主題樣式

分別在youtube上看了不同年度推薦的主題排名，有一段時間很喜歡NeoVim使用者的配置，就找看看VSCode有沒有類似的主題，從使用VSCode後一直以來都偏好使用深色主題，先後試用了Gruvbox、Atom One Dark最後落腳到了Catppuccin Mocha。

專案檔案圖示通常也都跟著主題，只不過我已經習慣了material-icon-theme的圖示，就另外進行了更換。

字型

用了很長一段時間的Consolas，畢竟算是大多系統內建會有的字型，用起來也還順眼，要不是最近工作上有些字集的問題在處理，大概也不會有想要嘗試別的字型的興趣。

禮貌性徵詢一下Copilot的意見，回答如下：

寫程式時，選擇合適的字型可以大大提升閱讀和編寫的體驗。以下是幾款常見且受歡迎的程式碼字型：

1. Fira Code：這款字型以其連字造型（ligatures）著稱，能將常見的程式碼符號組合顯示為更直觀的符號，例如 != 會顯示為 ≠。
2. JetBrains Mono：由 JetBrains 開發，這款字型強調每個字母的清晰度和辨識度，特別適合長時間編寫程式碼。
3. Consolas：這是 Windows 系統內建的字型，易讀性高且不需要額外安裝。
4. Cascadia Code：由微軟開發的開源字型，具有現代感的外觀和良好的可讀性。
5. IBM Plex Mono：這款字型設計簡潔，適合喜歡簡約風格的開發者。

Fira Code及JetBrains Mono需要另外安裝檔案，直接在設定上輸入字型，雖然有變化但似乎沒裝好，只不過這幾款差異其實不算特別大。方便起見，我選擇了Cascadia Code，並且放大了列高。這款字型一樣支援fontLigatures，視覺上還是有稍稍美觀一點啦！

對於整天看程式碼的工程師們來說，除了快速達成功能外，每天要長時間面對的字體還是看了舒服才好。

排版工具

使用常用的prettier進行自動排版，更改將tab設定為4個空格。有時候從Log上抓出來的request跟response是沒有排版過的json格式，直接建立一個markdown檔案撰寫json區塊，就可以使用快捷鍵對區塊內的程式進行格式化了。

快捷鍵

都用Vim了還需要什麼快捷鍵。

適應了一年多的vim motion，基本上寫程式不用滑鼠，加上機械鍵盤的加持，專注程度跟英打的手感都有一定的幫助。

工作上多多少少還是有些雜事需要剪剪貼貼，找檔案追程式，或是需要進行內容比對，剛開始使用的我感到非常不順暢，在鍵位功能衝突的狀況下，使用體感非常卡。直到我找到了這兩項配置：

1. useSystemClipboard：使用系統剪貼簿。
   如此一來，ctrl+c複製下來的內容，就可以用p貼上了，反之在編輯時用d剪下的內容，也可以改用ctrl+v貼上。
   
   
2. handleKeys：vim跟vscode衝突的快捷鍵，透過設定決定使用哪一項。
   例如我把剪下、貼上、複製、還原、叫出搜索列、查找功能轉換為原本的功能鍵，翻頁功能改回用vim的動作。
   

Bonus

在擴充套件搜索GlassIt-VSC進行安裝後，就可以透過ctrl+alt+z跟ctrl+alt+c調整背景透明度，搭上自己喜歡的桌布當背景，Nice！