Visual Studio Code 寫程式碼前的準備(macOS)

語言: CN / TW / HK

攜手創作,共同成長!這是我參與「掘金日新計劃 · 8 月更文挑戰」的第7天,點選檢視活動詳情

本文主要是原官方文件的翻譯,加以理解。

一、安裝

  1. 點選 Download Visual Studio Code 完成 VS Code macOS 版本的安裝.

二、從命令列啟動

在新增 VS Code 到 path 中後,你也可以在終端上執行 VS Code,然後鍵入' Code ':

  • 啟動 VS Code
  • 開啟命令面板(Command Palette)(快捷鍵:Cmd+Shift+P),鍵入“shell Command”,找到 shell Command: 在PATH 命令中安裝“code”命令

image.png

  • 重新啟動終端,使新的 $PATH 值生效。你可以在任何資料夾中輸入“code .”(注意此處code和.之間有一個空格哦~)來開始編輯該資料夾中的檔案。

注意: 如果您的.bash_profile(或等效程式碼)中仍然有早期VS code版本的舊程式碼別名,請刪除它並通過執行Shell命令:Install 'code'命令在PATH命令中替換它.

三、選擇手動指令

除了執行上面的命令,你可以手動新增 VS Code 到你的路徑,執行以下命令:

``` cat << EOF >> ~/.bash_profile

Add Visual Studio Code (code)

export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin" EOF ``` 啟動一個新終端以獲取.bash_profile更改。

注意: 前面的斜槓\是必需的,以防止$PATH在連線(concatenation)期間展開。如果您想直接在終端中執行export命令,請刪除開頭的斜槓

注意: 由於zsh成為macOS Catalina的預設shell,執行以下命令來新增VS Code到你的路徑:

``` cat << EOF >> ~/.zprofile

Add Visual Studio Code (code)

export PATH="$PATH:/Applications/Visual Studio Code.app/Contents/Resources/app/bin" EOF ```

四、Touch Bar的支援

VS Code添加了在編輯器歷史中導航的操作,以及在你的 Touch Bar 上有完整的除錯工具欄來控制除錯:

image.png

圖中出現的用於除錯的工具欄將出現在Touch Bar上,如下所示

image.png

五、Mojave隱私保護

在升級到macOS Mojave版本後,你可能會看到對話方塊說“Visual Studio Code想要訪問你的{日曆/聯絡人/照片}”。這是由於Mojave新的隱私保護,而不是特定於VS Code。執行其他應用程式時也可能顯示相同的對話方塊。每個型別的個人資料都會顯示一次對話方塊,選擇不允許是可以的,因為VS Code不需要訪問這些資料夾。

六、更新

VS Code每月釋出一個版本,並且當有新版本可用時支援自動更新。如果你被VS Code提示,接受最新的更新,它將被安裝(你不需要做任何其他事情來獲得最新的位元)。

注意: 如果你喜歡按照自己的時間表更新 VS Code,你可以禁用自動更新。

七、引數選單

你可以通過settings(設定), color themes, (顏色主題)和 custom keybindings(自定義鍵繫結)來配置VS Code,這些都可以通過 Code > Preferences 選項選單組獲得。

您可能會在文件中看到 File > Preferences 的提及,它是 Windows 和 Linux 上的 Preferences 選單組的位置。在 macOS 上,Preferences 選單組位於 Code 下,而不是 File 下。

八、下一步

一旦你安裝了 VS Code,這些主題將幫助你更多地瞭解 VS Code: - 附加元件(Additional Components)——學習如何安裝 Git、Node.js、TypeScript 以及 Yeoman等工具。 - 使用者介面(User Interfac)-快速定位VS Code。 - 使用者/工作區設定(User/Workspace Settings)-學習如何配置VS Code到您的首選項設定。