在 Visual Studio Code 中開啟 macOS 裡的隱藏資料夾

在搭建部落格的過程中，需要全域性安裝 gatsby-cli，我想用 Visual Studio Code 檢視一下該模組的原始碼。首先啟動 Visual Studio Code，使用 Command + O 選擇要開啟的目錄。該模組被安裝在目錄 usr/local/lib 下，不幸的是，這個目錄是一個隱藏目錄，無法直接選擇。

為了避免使用者對系統重要檔案進行誤操作，macOS 預設將重要檔案及目錄隱藏了。如果需要在 Finder 中檢視這些隱藏檔案，可以使用快捷鍵 Shift + Command + .，這個快捷鍵可以用來顯示/隱藏系統隱藏檔案。

知道這一點後，我們可以使用 Shift + Command + . 顯示隱藏檔案，然後找到目標目錄 usr/local/bin 並將它拖曳到 Visual Studio Code 中。這樣雖然也能解決問題，但是很容易誤操作，比如把某個重要檔案拖曳到了另一個目錄中，而且操作者很有可能完全不知情，這是一個極大的隱患，即使小心翼翼也會給操作者帶來不小的心理壓力。

那麼有沒有更好的辦法呢？答案是使用命令列。Visual Studio Code 提供 code [path] 命令開啟 path 指定的目錄，但在使用之前需要做一些準備工作。code 命令需要先安裝才能使用，在 Visual Studio Code 中，按下 Shift + Command + P，然後在彈出的輸入框中輸入 code，點選選項 Shell Command: Install 'code' command in PATH， 按照提示輸入系統密碼就完成了。到這裡，就能通過 code [path] 在任何終端中開啟 path 指定的目錄了。

回到開始提出的問題，只需要開啟終端，輸入 code usr/local/lib/node_modules/gatsby-cli。

最後我們來看看安裝 code 實際上發生了什麼，首先檢視 ~/.bash_profile 發現沒有變化。在終端中輸入 echo $PATH 也沒有顯示的看到 code，但是 PATH 有一個值是 usr/local/bin， 進入該目錄，發現新生成了一個名為 code 的連結，它指向 Visual Studio Code 應用程式。

如果不想再通過命令列使用 code，可以再次按下 Shift + Command + P，選擇 Shell Command: Uninstall 'code' command from PATH。