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到您的首選項設置。