2025年2月21日 星期五

第一次使用 VS Code 的完整指南

 📌 第一次使用 VS Code 的完整指南

📍 適用對象: Windows 使用者,第一次使用 VS Code,希望詳細步驟避免出錯。
這份指南會一步步帶你從 安裝、設定、基本操作執行程式,確保你能順利使用 VS Code!🚀


🔹 1. 安裝 VS Code

🔧 步驟

  1. 下載 VS Code

  2. 安裝 VS Code

    • 雙擊 下載好的 .exe 檔案
    • 點擊 「Next」(下一步)
    • 選擇安裝路徑(建議使用預設路徑)
    • 勾選這些選項(避免日後手動設定): ✅ Add "Open with Code" action to Windows Explorer file context menu
      Add "Open with Code" action to Windows Explorer directory context menu
      Register Code as an editor for supported file types
      Add to PATH(很重要,讓 VS Code 可以在命令提示字元執行)
    • 點擊「Install」,等待安裝完成,然後按「Finish」🚀
  3. 開啟 VS Code

    • 方法 1:點擊 桌面快捷方式 Visual Studio Code
    • 方法 2:按 Win + S,搜尋 VS Code,點擊開啟

🔹 2. 安裝中文語言包

VS Code 預設是英文介面,如果你習慣 中文,可以安裝中文語言擴展。

🔧 步驟

  1. 開啟 VS Code
  2. Ctrl + Shift + X(打開擴展商店)
  3. 搜尋 Chinese
  4. 找到 Chinese (Simplified) - 简体中文
  5. 點擊 Install(安裝)
  6. 安裝完成後,VS Code 會要求重新啟動,點擊「Restart

🔹 3. 安裝 Python 並設定 VS Code

如果你要寫 Python 程式,需要安裝 Python 並設定 VS Code。

🔧 安裝 Python

  1. 下載 Python

  2. 安裝 Python

    • 雙擊執行 python-x.x.x.exe
    • ✅ 勾選「Add Python to PATH」(很重要!)
    • 點擊「Install Now」安裝
    • 安裝完成後,打開 命令提示字元(CMD),輸入:
      python --version
      
      如果出現 Python x.x.x,代表安裝成功!🎉

🔹 4. 安裝 Python 擴展

VS Code 需要額外安裝 Python 擴展 才能正確運行 Python。

🔧 步驟

  1. 開啟 VS Code
  2. Ctrl + Shift + X(打開擴展商店)
  3. 搜尋 Python
  4. 找到 Python(Microsoft 開發)
  5. 點擊 Install(安裝)
  6. 安裝完成後,VS Code 會自動啟用 Python 支援

🔹 5. 建立第一個 Python 檔案

現在,你可以開始寫 第一個 Python 程式

🔧 步驟

  1. 在桌面建立一個資料夾(例如 Python-Projects
  2. 開啟 VS Code
  3. Ctrl + K,然後按 Ctrl + O(打開資料夾)
  4. 選擇剛剛建立的 Python-Projects 資料夾
  5. 在左側檔案管理器,按 New File(新建檔案)
  6. 輸入 hello.py 作為檔名,然後按 Enter
  7. hello.py 裡輸入以下程式碼:
    print("Hello, VS Code!")
    

🔹 6. 執行 Python 程式

方法 1:使用 VS Code 內建終端機

  1. Ctrl + Shift + (開啟終端機)
  2. 輸入
    python hello.py
    
  3. 看到 Hello, VS Code! 表示成功!🎉

方法 2:使用 VS Code 內建「執行按鈕」

  1. 點擊 hello.py 檔案
  2. Ctrl + F5(直接執行程式)
  3. 下方終端機會顯示 Hello, VS Code!

🔹 7. 安裝更多常用擴展

VS Code 可以安裝擴展 來增強功能。這裡推薦一些必裝擴展

擴展名稱 功能
Python 支援 Python
Pylance 強化 Python 補全
Prettier 自動格式化程式碼
Code Runner 讓 Python、JavaScript 快速執行
GitLens 方便管理 Git 版本

🔧 安裝步驟

  1. Ctrl + Shift + X(開啟擴展商店)
  2. 搜尋擴展名稱
  3. 點擊 Install 安裝

🔹 8. 設定 VS Code 個人化

你可以調整 主題、字體大小、快捷鍵 來讓 VS Code 更符合你的需求!

🔧 更改主題

  1. Ctrl + Shift + P(開啟命令面板)
  2. 輸入 Preferences: Color Theme
  3. 選擇你喜歡的主題
    • Dark+ (default dark) → 黑色背景(預設)
    • Light+ (default light) → 白色背景
    • Dracula / Ayu / Predawn → 更漂亮的主題(需安裝)

🔧 調整字體大小

  1. Ctrl + ,(開啟設定)
  2. 搜尋 Font Size
  3. 調整字體大小(建議 14-16

🔹 9. 使用 Git 版本控制

如果你要使用 Git 來管理程式碼,可以這樣設定:

🔧 設定 Git

  1. 下載並安裝 Git 👉 https://git-scm.com/downloads
  2. 開啟 VS Code
  3. Ctrl + Shift + P,輸入 Git: Clone
  4. 輸入你的 GitHub 存儲庫網址
  5. 開始管理你的專案!

🎯 結論

✅ 安裝 VS Code
✅ 設定中文語言包
✅ 安裝 Python 並設定環境
✅ 建立第一個 Python 檔案
✅ 執行 Python 程式
✅ 個人化設定
✅ 設定 Git 版本控制

這樣你就可以順利開始使用 VS Code 了! 🚀✨ 有問題可以隨時問我!😊

沒有留言:

張貼留言

精選文章

手機使用VPN進入NAS、DaikinAPP時,仍能使用其他APP如銀行,連上WIFI 或行動網路

為了避免手機使用VPN進入NAS、DaikinAPP時,仍能使用其他APP如銀行,連上WIFI 或行動網路,要修改Router Policy設定?需要把家中屬於VPN的網段設備與其他區隔?要如何設定? 為了達成您的需求: ✅ 手機連上 VPN(例如連回家中 TP-Link ER...