在搭建博客的过程中,需要全局安装 gatsby-cli,我想用 Visual Studio Code 查看一下该模块的源码。首先启动 Visual Studio Code,使用 Command + O 选择要打开的目录。该模块被安装在目录 usr/local/lib 下,不幸的是,这个目录是一个隐藏目录,无法直接选择。

为了避免用户对系统重要文件进行误操作,macOS 默认将重要文件及目录隐藏了。如果需要在 Finder 中查看这些隐藏文件,可以使用快捷键 Shift + Command + .,这个快捷键可以用来显示/隐藏系统隐藏文件。

知道这一点后,m.lom599可以使用 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

最后m.lom599来看看安装 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