VSCode如何通过Ctrl+P快速打开node_modules中的文件-Toy模板网

这篇具有很好参考价值的文章主要介绍了VSCode如何通过Ctrl+P快速打开node_modules中的文件。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

背景

咱们新建一个NodeJS项目，必然会安装许多依赖包，因此经常需要查阅某些依赖包的源码文件。但是，由于node_modules目录包含的文件太多，出于性能考虑，在VSCode中默认情况下是禁止搜索node_modules目录的。在这种情况下，我们将不得不依次展开node_modules的文件目录树，来查找我们所需要的文件。相信这种体验一定是非常低效、恼人的。那么，我们该如何定制VSCode的这种缺省行为呢？

目标

我们以CabloyJS项目为例。一个新建的CabloyJS项目包含大量核心模块，我们希望快速查看工作流模块a-flow的源码，可以这样操作:

使用快捷键Ctrl + P，打开Quick Open面板
输入a-flow/pa，即可快速定位到文件node_modules/egg-born-module-a-flow/package.json

VSCode如何通过Ctrl+P快速打开node_modules中的文件,Cabloy,vscode,ide,编辑器

VSCode配置

为了达到以上目标，我们仅需要在settings.json文件中添加以下配置：

{
    "search.exclude": {
        "**/node_modules":false
    },
    "search.useIgnoreFiles":false
}

将**/node_modules设为false，从而禁用缺省行为，从而支持node_modules目录的检索
对于许多项目而言，将**/node_modules设为false就已经足够了。那么，为什么还需要将search.useIgnoreFiles设为false呢？这是因为有的项目包含.gitignore文件，而.gitignore文件中忽略了node_modules目录，这个机制仍然限制了VSCode对node_modules目录的检索。因此，我们需要配置该参数，从而忽略这种默认行为