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. 開啟瀏覽器的下載列表，找到下載的應用或壓縮包。

3. 如果是壓縮包，請解壓其內容。對於某些瀏覽器，可以雙擊解壓；對於 Safari，可以點選“放大鏡”圖示。

4. 將 Visual Studio Code.app 拖到“應用程式”資料夾中，這樣它就會出現在 macOS 的“啟動臺”裡。

5. 從“應用程式”資料夾中雙擊圖示以開啟 VS Code。

6. 要將 VS Code 新增到程式塢，請右鍵單擊程式塢中的 VS Code 圖示，在彈出的上下文選單中選擇“選項”，然後選擇“在程式塢中保留”。

從命令列啟動 VS Code

要透過在終端輸入 code 來執行 VS Code，需要將其新增到 $PATH 環境變數中。

透過 VS Code 配置路徑

1. 啟動 VS Code

2. 開啟命令面板 (Cmd+Shift+P)，輸入 'shell command'，然後執行 Shell 命令：在 PATH 中安裝 "code" 命令。

   

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 提示你更新，接受最新更新即可完成安裝（你無需做任何其他操作來獲取最新版本）。

觸控欄支援

開箱即用，VS Code 添加了以下觸控欄操作

• 在編輯器歷史記錄中導航
• 完整的除錯工具欄，用於在觸控欄上控制偵錯程式

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 隔離了。請按照這個 issue 中的步驟解決。

VS Code 能在 Apple 晶片的 Mac 上執行嗎？

可以，VS Code 支援 macOS Arm64 構建版本，可以在搭載 Apple 晶片的 Mac 上執行。你可以安裝包含 Intel 和 Apple 晶片兩種構建的通用版（Universal build），也可以安裝特定平臺的構建版本。