Visual Studio Code（VS Code）入門教學
Visual Studio Code 通常簡稱為 VS Code，是目前全球最受歡迎的程式碼編輯器之一，由微軟開發且完全免費、開源。它介於 簡單的文字編輯器 與 龐大的整合開發環境（IDE） 之間，既輕量、開啟速度快，又能透過安裝各種擴充功能，變得跟 IDE 一樣強大。
VS Code 有哪些核心特色
跨平台支援
無論您使用的是 macOS、Windows 還是 Linux，操作體驗幾乎完全一致。設定檔也能透過內建的 設定同步（Settings Sync） 綁定 GitHub 或 Microsoft 帳號，換一台電腦後主題、快捷鍵與擴充套件都能一鍵還原。
強大的語法支援
內建支援 JavaScript、TypeScript、Node.js，並透過擴充套件支援幾乎所有程式語言，例如：Python、Java、C++、PHP、Go、Vue.js 等。
智慧提示
這不只是自動補完，它會根據變數類型、函式定義及匯入的模組，提供精準的程式碼提示與補完建議。這項技術稱為 IntelliSense，在 JavaScript / TypeScript 專案中還會讀取 jsconfig.json、tsconfig.json 與型別定義檔，讓提示更準確。
內建 Git 控制
您可以直接在介面中進行 commit、push、pull 以及查看程式碼差異，不需要頻繁切換到終端機。編輯器左側的行號旁也會用顏色標示新增、修改與刪除的行數。
整合終端機
您可以直接在編輯器下方開啟終端機執行指令，這對網頁開發者或需要頻繁執行 CLI 工具的人來說非常方便。終端機可以同時開啟多個分頁並切換 Shell（PowerShell、Git Bash、zsh 等）。
除錯工具（Debugger）
內建除錯器可以設定中斷點（Breakpoint）、逐行執行程式、即時查看變數內容與呼叫堆疊，比起到處插入 console.log 更有效率。
如何安裝 VS Code
- 前往官方網站 下載 對應作業系統的安裝檔。
- 執行安裝程式，Windows 使用者建議勾選「加入 PATH」與「加入右鍵選單」。
- 安裝完成後開啟 VS Code，於左側活動列點擊 擴充功能（Extensions） 圖示，即可搜尋並安裝套件。
小提醒
安裝時勾選「加入 PATH」後，就能在任意資料夾的終端機輸入 code .，直接用 VS Code 開啟目前目錄。
VS Code 常用快捷鍵
| 功能 | Windows / Linux | macOS |
|---|---|---|
| 命令面板 | Ctrl + Shift + P | Cmd + Shift + P |
| 快速開啟檔案 | Ctrl + P | Cmd + P |
| 全域搜尋 | Ctrl + Shift + F | Cmd + Shift + F |
| 格式化文件 | Shift + Alt + F | Shift + Option + F |
| 多游標選取同字 | Ctrl + D | Cmd + D |
| 整行上下移動 | Alt + ↑ / ↓ | Option + ↑ / ↓ |
| 註解 / 取消註解 | Ctrl + / | Cmd + / |
| 開啟 / 關閉終端機 | Ctrl + ` | Ctrl + ` |
命令面板（Command Palette）是最值得先記住的一組快捷鍵，幾乎所有功能都能從這裡搜尋執行。
VS Code 套件
VS Code 真正強大的地方在於擴充套件生態系。從中文化介面、本地伺服器、程式碼格式化到 Git 歷史追蹤，都能靠套件補齊。
前端工程師常用的套件（Live Server、Prettier、ESLint、GitLens 等）與安裝方式，已整理成獨立一篇：
安裝方式很簡單：點擊左側活動列的 擴充功能（Extensions） 圖示，或按下 Ctrl + Shift + X（macOS 為 Cmd + Shift + X），搜尋名稱後點擊 Install 即可。
VS Code 常見問題
VS Code 是免費的嗎？
是的，VS Code 完全免費，並以 MIT 授權開放原始碼，個人與商業用途皆可使用。
VS Code 和 Visual Studio 有什麼不同？
Visual Studio 是功能完整的重量級 IDE，主要用於 .NET、C#、C++ 等大型專案開發；VS Code 則是輕量的程式碼編輯器，跨平台、啟動快，靠擴充套件補足功能，較適合前端與腳本語言開發。
擴充套件裝越多越好嗎？
不建議。每個擴充套件都會佔用記憶體並可能拖慢啟動速度，建議只安裝目前專案真正需要的套件，並善用 VS Code 的 工作區推薦擴充功能（.vscode/extensions.json）與各工作區的啟用 / 停用設定。
