認識 VS Code
Visual Studio Code(簡稱 VS Code)是微軟開發的免費、跨平台原始碼編輯器,支援 Windows、macOS 與 Linux。它體積輕巧、啟動快速,卻透過龐大的擴充套件生態系統,幾乎可以勝任任何語言、任何框架的開發工作,是目前全球最多開發者使用的編輯器。
這個文件站不打算覆蓋 VS Code 的所有功能,而是聚焦在最常用、投資報酬率最高的一小部分知識,幫助你用最短時間建立足夠應付日常開發的能力,再依需要深入其他主題。
VS Code 最重要的 20%
如果只能學 VS Code 的一小部分,建議優先掌握以下七項:
-
介面與檔案總管
側邊欄、編輯區、狀態列如何協同運作,快速在多個檔案間切換。
-
命令選擇區
Command Palette
Cmd/Ctrl+Shift+P是 VS Code 幾乎所有功能的入口,比記快速鍵更重要。 -
多重游標與 IntelliSense
同時編輯多處,並讓智慧感知補完程式碼、提示型別與錯誤。
-
整合終端機
不離開編輯器就能執行指令、跑腳本、管理套件。
-
原生 Git 整合
在側邊欄完成 stage、commit、push、解衝突,取代大部分指令。
-
偵錯器
Debugger
設中斷點、逐行執行、檢視變數,取代滿螢幕的
print。 -
擴充套件市集
語言支援、格式化、Linter、佈景主題,幾乎都靠擴充套件補齊。
熟悉這七項之後,VS Code 就能應付絕大多數日常開發情境;本站也依這個順序安排各分類內容。
如何使用本站
- 入門設定:安裝 VS Code、認識整體介面與基本操作。
- 編輯與生產力:多重游標、IntelliSense、搜尋取代、程式碼片段與常用快捷鍵。
- 版本控制:用內建 Git 功能完成日常版控,不必死背指令。
- 偵錯與執行:偵錯器與整合終端機、工作(Tasks)自動化。
- 擴充套件與自訂:挑選常用擴充套件、佈景主題與個人化設定。
- AI 輔助開發:用 GitHub Copilot 加速日常撰碼。
- 遠端開發:用 Dev Containers、WSL、SSH 在容器或遠端主機開發。
快速開始
前往 code.visualstudio.com/download 下載對應作業系統的安裝檔,或參考 入門設定 頁面的完整步驟。安裝完成後,建議先看一支官方影片建立整體印象:
官方 15 分鐘導覽:安裝、介面總覽、用 AI 功能建立與執行程式,一次掌握 VS Code 的基本輪廓,適合完全沒用過的人先看這一支。
了解更多
想查完整功能清單與最新版更新,可參考 VS Code 官方文件 與 官方 YouTube 頻道。若想認識唯客學院,請看 關於我們。