Visual Studio Code (VS Code)

Visual Studio Code (VS Code) 是一個非常流行的開源代碼編輯器，具有許多強大的功能和擴展插件。 JavaScript 與 Web 開發人員的首選，具備延伸模組，可支援幾乎任何程式設計語言。

以下是如何開始使用 VS Code 的基本教學：

1. 安裝 VS Code

• 前往 Visual Studio Code 官方網站 下載對應你操作系統的版本（Windows、macOS 或 Linux）。
• 安裝完成後，打開 VS Code。

2. 熟悉 VS Code 的介面

• 側邊欄 (Sidebar)： 在左邊的邊欄可以找到文件瀏覽器、搜索、Git 控制、除錯器以及擴展插件管理器。
• 編輯器區域 (Editor Area)： 中央部分是編輯器窗口，這裡顯示你正在編輯的代碼文件，可以開啟多個選項卡。
• 狀態欄 (Status Bar)： 位於底部，顯示當前文件的編程語言、錯誤提示等資訊。
• 命令面板 (Command Palette)： 按下 Ctrl+Shift+P (macOS 上為 Cmd+Shift+P)，你可以快速執行各種命令。

3. 建立或打開專案

• 你可以使用 File > Open Folder... 來打開一個資料夾作為專案根目錄。
• 若只需編輯單個文件，則使用 File > Open File...。

4. 安裝擴展插件

VS Code 支持多種編程語言和功能的擴展插件：

• 點擊左側活動欄的 Extensions (擴展) 圖示，然後搜索你需要的插件，例如 Python、JavaScript、HTML、CSS 等。
• 安裝語言擴展後，VS Code 會提供語法高亮、自動補全等功能。

5. 設置和快捷鍵

• VS Code 的設置可以通過點擊右下角的齒輪圖標進入，或者按 Ctrl+,。
• 常用快捷鍵：
  • Ctrl+P：快速打開文件。
  • Ctrl+Shift+P：打開命令面板，查找功能或插件命令。
  • Ctrl+~“：打開終端。
  • Ctrl+/：快速註釋/取消註釋選中的代碼。

6. 編寫代碼

• 開始編寫代碼時，VS Code 會根據你選擇的語言提供即時提示、語法檢查等功能。
• 例如，在打開 .py 文件後，如果你已安裝 Python 插件，VS Code 會識別該文件並給出語法高亮、錯誤提示等。

7. 集成 Git 版本控制

• VS Code 內建 Git 支持。你可以直接在 VS Code 中執行 git init 來初始化一個 Git 存儲庫，或者打開已有的存儲庫。
• 使用左側的 Source Control 圖示，你可以檢視變更、提交代碼、推送到遠程倉庫等。

8. 調試代碼

• 點擊左側活動欄的 Debug 圖示，然後點擊 Run and Debug 按鈕開始除錯。
• 支持設置斷點、觀察變量、步進調試等功能。

9. 集成終端

• 按下 Ctrl+~“ 可以打開 VS Code 的內建終端，這讓你可以在編寫代碼的同時使用命令行操作。

10. 自訂外觀和主題

• 你可以通過命令面板 (Ctrl+Shift+P) 搜索 Preferences: Color Theme 來選擇不同的主題。
• 也可以下載並安裝更多的主題插件來改變 VS Code 的外觀。

11. 同步設定

• 登入 GitHub 或 Microsoft 帳號後，你可以同步你的設定、擴展和快捷鍵配置，方便在不同設備之間使用同樣的環境。

摘要

Rating

1 star2 stars3 stars4 stars5 stars

首次評分

累計評分

4.5 based on 13 votes

APP 名稱

Visual Studio Code

作業系統

Windows,Mac,Linux

Software Category

Application

價格

TWD 0