macOS 上的 Visual Studio Code

安裝

1. 下載並安裝 Visual Studio Code

   注意

   VS Code 每週發布新版本，並在有新版本可用時支援 自動更新。

2. 安裝額外元件

   安裝 Git、Node.js、TypeScript、語言執行環境等。

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

   使用佈景主題、格式化程式、適用於您喜愛語言的語言擴充功能與偵錯工具等來自訂 VS Code。

4. 啟用 AI 功能

   提示

   如果您尚未訂閱 Copilot，可以透過註冊 Copilot 免費方案 來免費使用 Copilot，並獲得每月的內嵌建議和聊天互動額度。

5. 開始 VS Code 教學課程

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

在 macOS 上安裝 VS Code

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

2. 開啟下載的 .dmg 檔案

3. 將 Visual Studio Code.app 拖曳到「應用程式」資料夾

4. 在「應用程式」資料夾中，點兩下圖示開啟 VS Code。

5. 在 Dock 上，以滑鼠右鍵按一下 VS Code 圖示以開啟捷徑功能表，然後選擇「選項」、「保留在 Dock 中」，將 VS Code 加入您的 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 晶片機器上執行嗎？

是的，VS Code 支援可在配備 Apple 晶片組的 Mac 上執行的 macOS Arm64 版本。您可以安裝通用版本 (Universal build)，它同時包含 Intel 和 Apple 晶片版本，或安裝其中一個平台專用版本。