在搭建博客的过程中,需要全局安装 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
。