首页 > 编程语言 >VSCode如何通过Ctrl+P快速打开node_modules中的文件

VSCode如何通过Ctrl+P快速打开node_modules中的文件

时间:2023-07-06 16:00:42浏览次数:42  
标签:node 文件 search false Ctrl VSCode modules

背景

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

目标

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

  1. 使用快捷键Ctrl + P,打开Quick Open面板

  2. 输入a-flow/pa,即可快速定位到文件node_modules/egg-born-module-a-flow/package.json

VSCode配置

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

{
    "search.exclude": {
        "**/node_modules":false
    },
    "search.useIgnoreFiles":false
}
  1. **/node_modules设为false,从而禁用缺省行为,从而支持node_modules目录的检索

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

结论

简而言之,将search.useIgnoreFiles设置为false才是这篇文章的题眼。因为,我是查阅了大量英文社区资源才得出了这个问题所在,也希望能节省大家的时间

标签:node,文件,search,false,Ctrl,VSCode,modules
From: https://www.cnblogs.com/zhennann/p/17532415.html

相关文章

  • nvm安装node.js总结
    nvm安装node.js总结什么是nvm?nvm(Node.jsversionmanager)是一个命令行应用,可以协助您快速地更新、安装、使用、卸载本机的全局node.js版本。为什么要用nvm?有时候,我们可能同时在进行多个项目开发,而多个项目所使用的node版本又是不一样的,或者是要用最新的node版本进行......
  • node restAPI 简单例子
      //第一版,node的httpp//consthttp=require('http');//constserver=http.createServer((req,res)=>{//if(req.url==='/'){//res.write('helloworld')//res.end();//}//if(req.url==='......
  • VScode 使用 Snippets
    创建模板脚本通过Ctrl+P触发命令行输入>snippets选择"配置用户代码片段",选择对应的项目,以及文件名称。这里创造一个vue页面模板:"Addnewtemplateofvue":{  "prefix":"newvuetemplate",  "body":[   "<template>", ......
  • Linux 虚拟文件系统四大对象:超级块、inode、dentry、file之间关系
    转载:Linux虚拟文件系统四大对象:超级块、inode、dentry、file之间关系-一口Linux-博客园(cnblogs.com)一:文件系统1.什么是文件系统?操作系统中负责管理和存储文件信息的软件机构称为文件管理系统,简称文件系统。通常文件系统是用于存储和组织文件的一种机制,便于对文件进行......
  • Element-plus按需导入报错:Error: Cannot find module 'node:module'
    1.问题vue3项目使用ElementPlus组件库,配置按需导入:首先安装unplugin-vue-components和unplugin-auto-import这两款插件npminstall-Dunplugin-vue-componentsunplugin-auto-import然后按照文档在配置文件中进行相关配置;因为更改了配置文件,所以得重新启动项目--......
  • 利用ansible批量部署node客户端,并注册consul,实现主机自动发现
      1.在管理机器上搭建consul并上传 node_exoporter软件包,system服务配置文件,注册脚本 2.利用ansible对指定机器去分发软件包并启动服务,并curl注册到consul  编写为node-exporter.yml 3.prometheus配置consul地址,获取主机信息,自动发现并配合grafana展示  system......
  • Vscode设置中文方法
    Vscode怎么设置成中文呢?具体要怎么操作?下面小编就为大家分享一下Vscode设置成中文的方法,有需要的可以来了解了解哦。  Vscode怎么设置中文?Vscode设置中文方法  1、首先打开安装好的Vscode软件,可以看到页面上显示的是英文效果。如图 2、然后按住键盘上......
  • vscode 连接 wsl2 下 linux 配置纯 clang 编译调试环境
    安装clang和lldb本人为ArchLinux,执行命令sudopacman-Sclanglldbvscode插件vscode安装clangd和codelldb(调试用)插件,其中codelldb插件建议手动安装,官方下载连接:codelldb-linux.vsix。下载好后移进文件夹中,用vscode打开,右键该文件安装扩展即可。配置文......
  • vue项目报错:Node.js v18.16.1 error Command failed with exit code 1.
    原因:把node升级到了最新的长期支持版18.16.1,结果运行vue项目启动失败,报错如下:试了各种办法都解决不了,后面只能把node降级到16.20.1运行项目又可以启动了......
  • java的vscode自动补全
    1.vscode补全打印、循环和main函数vscode支持Eclipse和IDEA两个IDE的代码补全方式具体如下表: 代码片段Eclipse风格快捷方式IDEA风格快捷方式System.out.println()sysoutsoutSystem.err.println()syserrserr当前函数签名的System.out.println()sys......