介面導覽
VS Code 的介面看起來簡單，但每個區塊都有明確分工。花十分鐘認識這些區塊，之後看任何教學都不會迷路。
五大區塊
| 區塊 | 位置 | 用途 |
|---|---|---|
| 活動列（Activity Bar） | 最左側直條 | 切換檔案總管、搜尋、Git、偵錯、擴充套件等視圖 |
| 側邊欄（Side Bar） | 活動列右側 | 顯示目前所選視圖的內容，例如檔案樹狀圖 |
| 編輯區（Editor Groups） | 中央主要區域 | 開啟中的檔案分頁，可左右／上下分割 |
| 面板（Panel） | 下方可收合區域 | 終端機、問題（Problems）、輸出（Output）、偵錯主控台 |
| 狀態列（Status Bar） | 最下方 | 目前分支、錯誤數、游標位置、編碼格式等即時資訊 |
活動列與側邊欄可以用 Cmd/Ctrl+B 整個收合，需要更大的編輯空間時很好用。
命令選擇區：最重要的單一功能
按下 Cmd+Shift+P（macOS）或 Ctrl+Shift+P（Windows/Linux）會打開命令選擇區（Command Palette），這是 VS Code 幾乎所有功能的統一入口：改設定、切換主題、執行 Git 指令、開關擴充套件都可以在這裡用打字搜尋完成。與其死背幾十個快捷鍵，不如先養成「不確定怎麼做就打開命令選擇區搜尋」的習慣。
常用的相關捷徑：
Cmd/Ctrl+P：依檔名快速跳到任何檔案（Quick Open）。Cmd/Ctrl+Shift+O：在目前檔案內依符號（函式、類別）跳轉。Cmd/Ctrl+,：開啟設定（Settings）。
分頁與編輯群組
每個開啟的檔案是一個分頁；把分頁拖到編輯區右側或下方，可以建立第二個編輯群組，達成左右對照編輯。修改但尚未儲存的檔案，分頁上會顯示一個實心圓點，方便一眼看出哪些檔案還沒存檔。
工作區與多根工作區
VS Code 用「工作區（Workspace）」代表你目前開啟的一個或多個資料夾。多數情況下開啟單一資料夾就足夠；若專案由多個獨立資料夾組成（例如前後端分開的兩個 repo），可以用「File → Add Folder to Workspace」加入多個根目錄，並存成 .code-workspace 檔案，之後雙擊即可一次還原整個開發環境。
推薦影音
官方：編輯與執行程式
簡述：官方示範開啟資料夾、建立檔案、使用 IntelliSense、自動儲存、開啟整合終端機並執行程式，是介面導覽後很自然的下一步。