💻 Visual Studio Code 操作教學：從入門到實務應用
Visual Studio Code（VS Code） 是由 Microsoft 推出的輕量級程式編輯器， 支援多種程式語言與擴充套件，廣泛應用於開發、系統管理與自動化作業。
📘 一、VS Code 基本介面介紹
- 活動列（Activity Bar）：左側圖示列，包含檔案總管、搜尋、版本控制等功能
- 側邊欄（Sidebar）：顯示檔案結構或搜尋結果
- 編輯區（Editor）：主要撰寫程式碼的區域
- 狀態列（Status Bar）：顯示語言模式、編碼、Git 狀態等資訊
- 終端機（Terminal）：內建 CLI 操作環境
⚙️ 二、安裝與基本設定
1️⃣ 安裝 VS Code
Windows / macOS / Linux：
https://code.visualstudio.com/
2️⃣ 切換語言（中文介面）
Ctrl + Shift + P
輸入：Configure Display Language
選擇：zh-TW
3️⃣ 常用設定（settings.json）
{
"editor.fontSize": 16,
"editor.tabSize": 2,
"editor.wordWrap": "on",
"files.autoSave": "afterDelay"
}
🧩 三、常用功能操作
1️⃣ 檔案與資料夾管理
- 開啟資料夾：
File → Open Folder - 新增檔案：右鍵 → New File
- 拖曳檔案可直接移動
2️⃣ 快速搜尋
Ctrl + P → 快速開啟檔案
Ctrl + F → 當前檔案搜尋
Ctrl + Shift + F → 全域搜尋
3️⃣ 多游標編輯（高效率）
Alt + Click → 多點編輯
Ctrl + D → 選取相同文字
🔌 四、擴充套件（Extensions）
VS Code 最大特色是可安裝擴充功能：
- Python：支援 Python 開發
- Prettier：程式碼格式化
- GitLens：強化 Git 功能
- Live Server：即時網頁預覽
Ctrl + Shift + X → 開啟 Extensions
搜尋並安裝套件
🐍 五、Python 開發範例
1️⃣ 建立 Python 檔案
test.py
2️⃣ 範例程式
print("Hello VS Code")
3️⃣ 執行方式
右鍵 → Run Python File
或 Terminal：
python test.py
🔄 六、Git 版本控制
1️⃣ 初始化 Git
git init
2️⃣ 提交變更
git add .
git commit -m "initial commit"
3️⃣ VS Code 操作
- 左側 Source Control 可視化管理
- 可直接 commit / push
🧠 七、進階技巧
- 快捷鍵：提高操作效率
- 工作區（Workspace）：管理多專案
- Remote SSH：遠端連線伺服器
- 自動補全（IntelliSense）：提升開發速度
⚠️ 八、常見問題
- 終端機無法執行 → 檢查 PATH
- Python 無法執行 → 選擇正確 Interpreter
- 中文顯示異常 → 安裝語言套件
📌 九、總結
Visual Studio Code 是一套功能強大且彈性極高的開發工具， 無論是程式設計、系統管理或自動化作業，都能透過擴充套件快速整合。
沒有留言: