Visual Studio Code
VScode 下載與安裝
VScode 官網 下載安裝檔，執行安裝照著裡面的操作一路推過去即可。
現在預設就會勾選 Add to PATH，但還是提醒一下要記得確認。
更改終端機預設 (optional)
預設是 PowerShell，若偏好 Git Bash，可以在 VScode 左下角找到設定 (齒輪標記) 進行預設更改。
在搜尋欄輸入 terminal default，沒意外可以看到 Terminal › Integrated › Default Profile: Windows 的選項，改成 Git Bash 即可。
自動儲存 (optional & recommended)
設定 > 經常使用的 > Files: Auto save > afterDelay，我個人實務開發偏好打開它。
如果專案支援 save 時自動 format，auto save 是做不到的，需要自己 CTRL + S 做手動儲存並 format。
單擊文件開啟新分頁 (optional & recommended)
VScode 開檔案預設情況下單擊會覆蓋當前的檔案分頁。
在 settings.json 添加："workbench.editor.enablePreview": false。
VScode extensions
Vscode 有很多各式語言/框架官方 or 各路大神開發的插件，能夠大幅提升開發效率，甚至有些玩意兒可以療癒開發時報造的情緒 XD
這邊只紀錄那些我覺得不錯的、需要額外安裝的插件，那些像寫 Vue、Java、Astro… 等語言/框架的官方插件就不特別紀錄了，基本上在 VScode 偵測到你在寫什麼語言/框架的程式碼時，會自動提示你安裝對應的插件。
實用系列
- Code Runner：在 VScode 一鍵執行程式碼。這個厲害的點在於它支援多語言，這對在學一門新的程式語言實在是巨大的幫助。
- Live Preview：實時預覽功能。初學 web development 的朋朋強烈建議安裝。這在還沒玩到前端框架前，能讓你透過瀏覽器實時看到 HTML/CSS/JS 的變化。
- Live Sass Compiler：自動編譯 Sass/Scss。這也是新手友善系列，等碰到前端框架，這項功能會自己被框架的編譯器包含。
- Code Spell Checker：檢查拼字錯誤。
- Trailing Spaces：捕捉並顯示程式碼中的空格。
- TODO Highlight：讓註解變得鮮明易於辨識。
- Material Icon Theme：為專案中的檔案加上鮮明的圖示。
- Git Graph：可以在 VScode 中看到 git flow。
- ESLint：讓 VScode 支援 ESLint。
- Highlight Matching Tag：高亮顯示 HTML tag 開始與結束。
- indent-rainbow：讓程式碼縮排更直觀。
- Chinese (Traditional) Language Pack for Visual Studio Code：把 VScode 變中文。
- Auto Rename Tag：可以快速幫助修改 HTML tag。
- Color Highlight：在寫 CSS 的色碼時可以直接看到顏色。
- px to rem & rpx & vw (cssrem)：可以快速轉換 px 到 rem、rpx、vw。
純好玩系列
- vscode-pets：在 VScode 上養寵物。
- Power Mode：純好玩，讓寫 code 有爆炸特效。
- Dracula Official：單純是一款 VScode 主題。