macOS 上的 Visual Studio Code

安裝

1. 下載並安裝 Visual Studio Code

   注意

   VS Code 每月發行版本，並在新版本可用時支援自動更新。

2. 安裝其他元件

   安裝 Git、Node.js、TypeScript、語言執行階段和更多項目。

3. 從 Visual Studio Marketplace 安裝 VS Code 擴充功能

   使用佈景主題、格式器、您慣用語言的語言擴充功能和偵錯工具等項目自訂 VS Code。

4. 設定 GitHub Copilot 的 AI 輔助編碼

   提示

   如果您還沒有 Copilot 訂閱，您可以註冊 Copilot 免費方案，即可免費使用 Copilot，並獲得每月完成項目和聊天互動的限制。

5. 開始使用 VS Code 教學課程

   探索 VS Code 的使用者介面和主要功能。

在 macOS 上安裝 VS Code

1. 下載適用於 macOS 的 Visual Studio Code。

2. 開啟瀏覽器的下載清單，並找出下載的應用程式或封存。

3. 如果是封存，請解壓縮封存內容。針對某些瀏覽器使用按兩下，或針對 Safari 選取「放大鏡」圖示。

4. 將 Visual Studio Code.app 拖曳至 應用程式 資料夾，使其可在 macOS Launchpad 中使用。

5. 從 應用程式 資料夾開啟 VS Code，方法是按兩下圖示。

6. 將 VS Code 新增至您的 Dock，方法是以滑鼠右鍵按一下 Dock 中的圖示，以顯示內容功能表，然後選擇 選項、保留在 Dock 中。

從命令列啟動 VS Code

若要從終端機輸入 code 來執行 VS Code，請將其新增至 $PATH 環境變數

使用 VS Code 設定路徑

1. 啟動 VS Code

2. 開啟 命令面板 (Cmd+Shift+P)，輸入「shell command」，然後執行 Shell Command: Install 'code' command in PATH 命令。

   

3. 重新啟動終端機，讓新的 $PATH 值生效。

   您現在可以在任何資料夾中輸入「code .」，開始編輯該資料夾中的檔案。

手動設定路徑

若要手動將 VS Code 新增至您的路徑

1. 執行下列命令

   Zsh:

   cat << EOF >> ~/.zprofile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   Bash:

   cat << EOF >> ~/.bash_profile
   # Add Visual Studio Code (code)
   export PATH="\$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin"
   EOF
   

   注意

   前導斜線 \ 是必要項，可防止在串連期間展開 $PATH。如果您想要直接在終端機中執行 export 命令，請移除前導斜線。

2. 啟動新的終端機以選取您的變更。

   您現在可以在任何資料夾中輸入「code .」，開始編輯該資料夾中的檔案。

更新

VS Code 每月發行版本，並在新版本可用時支援自動更新。如果 VS Code 提示您，請接受最新的更新，它將會安裝 (您不需要執行任何其他動作即可取得最新的位元)。

Touch Bar 支援

VS Code 隨即啟用下列 Touch Bar 動作

• 若要在編輯器歷程記錄中導覽
• 完整的偵錯工具列，可在您的 Touch Bar 上控制偵錯工具

Mojave 隱私權保護

在 macOS Mojave 上，您可能會看到對話方塊顯示「Visual Studio Code 想要存取您的 {行事曆/聯絡人/照片}」。這是因為 Mojave 中的新隱私權保護，並非 VS Code 特有。執行其他應用程式時，也可能會顯示相同的對話方塊。針對每一種個人資料類型，對話方塊會顯示一次，而且選擇 不允許 也沒關係，因為 VS Code 不需要存取這些資料夾。

後續步驟

安裝 VS Code 之後，下列主題將協助您深入了解它

• VS Code 教學課程 - 快速動手操作 VS Code 主要功能的導覽。
• 祕訣與技巧 - 使用 VS Code 的生產力祕訣集合。
• AI 輔助編碼 - 了解如何在 VS Code 中使用 GitHub Copilot 來協助您更快速地撰寫程式碼。

常見問題

為什麼我會看到「Visual Studio Code 想要存取您的行事曆。」

如果您執行的是 macOS Mojave 版本，您可能會看到對話方塊顯示「Visual Studio Code 想要存取您的 {行事曆/聯絡人/照片}」。這是因為 Mojave 中的新隱私權保護如上所述。選擇 不允許 也沒關係，因為 VS Code 不需要存取這些資料夾。

VS Code 更新失敗

如果 VS Code 在重新啟動後未更新，可能是由 macOS 設定為隔離。請依照此問題中的步驟進行解決。

VS Code 是否可在 Apple silicon 電腦上執行？

是，VS Code 支援 macOS Arm64 組建，可在具有 Apple silicon 晶片組的 Mac 上執行。您可以安裝通用組建 (包含 Intel 和 Apple silicon 組建)，或其中一個平台特定組建。