首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

筛选VS代码中的侧边栏以仅显示某些文件夹

在Visual Studio Code(VS Code)中,筛选侧边栏以仅显示某些文件夹可以通过以下几种方法实现:

基础概念

VS Code的侧边栏通常显示项目的文件结构,包括所有文件夹和文件。通过筛选,可以隐藏不需要的文件夹,使开发者更专注于当前工作相关的文件。

相关优势

  1. 提高效率:减少视觉干扰,快速定位所需文件。
  2. 简化界面:使工作区更加整洁,便于管理。
  3. 定制化体验:根据项目需求自定义显示内容。

类型与应用场景

  • 基于文件夹名称筛选:适用于只想查看特定命名模式的文件夹。
  • 基于文件类型筛选:适合需要集中处理某一类文件的情况。
  • 基于隐藏文件夹功能:用于长期不关注或临时不需要查看的文件夹。

实现方法

方法一:使用.vscode/settings.json配置文件

  1. 在项目根目录下创建或编辑.vscode/settings.json文件。
  2. 添加以下配置来指定要显示的文件夹:
代码语言:txt
复制
{
  "files.exclude": {
    "**/folder_to_hide/**": true,
    "**/another_folder_to_hide/**": true
  }
}

在这个例子中,folder_to_hideanother_folder_to_hide是你想要隐藏的文件夹名称。使用**通配符可以匹配任意层级的子文件夹。

方法二:使用工作区设置

  1. 打开VS Code的设置界面(可以通过点击左下角的齿轮图标,然后选择“设置”)。
  2. 在搜索框中输入files.exclude
  3. 在设置页面中找到Files: Exclude选项,点击“在settings.json中编辑”。
  4. 在打开的settings.json文件中添加或修改排除规则。

方法三:使用命令面板临时隐藏文件夹

  1. Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)打开命令面板。
  2. 输入并选择File: Exclude命令。
  3. 在弹出的输入框中输入要隐藏的文件夹路径或模式。

遇到问题及解决方法

如果在应用上述设置后侧边栏没有按预期更新,可以尝试以下步骤:

  1. 重启VS Code:有时候简单的重启可以解决配置未生效的问题。
  2. 检查语法错误:确保settings.json文件中的JSON语法正确无误。
  3. 清除缓存:关闭VS Code后删除其用户数据目录下的缓存文件,然后重新启动。

通过以上方法,你可以有效地筛选VS Code侧边栏以显示所需文件夹,从而提高开发效率。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

VS Code 编辑器入门指南上篇-核心概念与组件

组件内容:击侧边栏不同的组件后这里会展示相应显示组件内容。 面板:包括问题显示、输出、调试控制台和终端四个组件。...默认情况下,侧边栏显示的五个组件分别是:资源管理器、跨文件搜索、源代码管理、启动和调试和扩展管理。...随着后期安装插件的增多,侧边栏可以显示的组件数量也会越来越多,不过你可以通过右击侧边栏选择隐藏那些用不到的组件还可以拖动组件图标进行排序。...侧边栏显示的默认组件中「资源管理器」和「跨文件搜索」就是字面功能,分别用来浏览管理文件和进行内容查找替换,我们会在下篇中配合具体应用场景进行更详细的介绍。...简而言之,当你使用 VS Code 打开一个文件夹后可以在命令面板中搜索运行 add folder to workspace,然后选择想要打开的其它文件夹,此时就会显示一个尚未保存的工作区。 ?

95220

VS code常用的快捷键

在前端的开发过程中,如果有一个比较好的开发工具,配合一些常用的快捷键,开发效率将大大提升,正所谓工具善其事必先利其器。...前端推荐使用编辑器VS code,用过HB-X,ST3,Webstorm等编译器之后就会发现,前端编辑器最屌的还是VS code。...编辑器与窗口管理 新建文件: Ctrl+N 文件之间切换: Ctrl+Tab 打开一个新的VS Code编辑器: Ctrl+Shift+N 关闭当前窗口: Ctrl+W 关闭当前的VS...查找Ctrl+F 查找替换Ctrl+H 整个文件夹中查找Ctrl+Shift+F 显示相关 全屏显示(再次按则恢复): F11 放大或缩小(以编辑器左上角为基准): Ctrl +/- 侧边栏显示或隐藏...:Ctrl+B 显示资源管理器(光标切到侧边栏中才有效): Ctrl+Shift+E 显示搜索(光标切到侧边栏中才有效): Ctrl+Shift+F 显示(光标切到侧边栏中才有效): Git

63640
  • ETL大数据统一批量调度监控TASKCTL实时监控平台

    作业关系视图展示作业容器当前选定的模块视图,可以通过工具栏中的模块选择组件,切换到当前作业容器的其它模块视图,默认展示主模块视图。...通过工具栏的“应用工程”和“容器类型”,可进一步筛选符合条件的列表数据。 ​ 点击“作业状态数字”,跳转到“作业监控”页面,展示当前作业容器下指定状态的作业监控列表数据。...工具栏的“筛选条件”提供了多种条件过滤方式:快速条件,应用工程、作业容器及类型、作业类型、运行代理、以及运行状态。 ​...在工具栏中按照消息分类筛选显示的消息。每一种消息有独特的批量操作命令,例如:当接收到多条作业失败的消息,在作业失败消息种类分组上执行批量跳过或重试的命令。 展开消息种类分组后列出消息项。...通过工具栏的消息分类和读取时间的范围,筛选显示历史消息。 ​消息设置 个性化订阅平台内需要接收的消息种类。订阅按钮打开后,才能在平台中收到该消息种类。

    1.6K40

    移动端自动化 AutoJS 快速入门指南(上)

    AutoJS 打包工具应用 PS:如果使用模拟器,推荐使用网易 MuMu 或雷电模拟器 打开 AutoJS 应用,首次进入应用关闭更新提示对话框,并按照指引开启「 无障碍服务 」 在软件主界面,点击左上角滑出侧边栏...,依次打开无障碍服务、前台服务、悬浮窗 前台服务用于提升服务的存活率,防止服务被回收掉 悬浮窗会悬浮在任意界面之上,提供一些快捷功能操作,具体包含: 文件项目列表 会展示示例代码及自己编写的脚本、文件夹...关闭正在执行的脚本 一键停止所有正在执行的脚本任务 更多设置 可以快速进入到「无障碍服务」页面、查看当前应用包名及 Activity 名称等 最后,选中软件侧边栏中的「 连接电脑 」这一项,在对话框中输入...PC 的 ip 地址 PS:AutoJS 连接电脑时如果没有报错,VS Code 通知栏和 OUTPUT 会展示设备连接成功的消息 4....实战一下 在完成上面的准备工作后,我们就可以在 VS Code 中使用 JS 编写自动化脚本了 这里以自动刷抖音短视频为例 首先,使用「 auto.waitFor() 」确保无障碍服务开启成功 然后,使用

    3.9K30

    如何在Mac上轻松更改Finder的外观

    您实际上可以隐藏这些项目以使其不出现在Finder中,这样Finder看起来就不会那么混乱了。 隐藏侧边栏 侧边栏通常包含Mac驱动器,连接的服务器以及Mac上的一些主文件夹。...如果您不需要访问这些项目,则可以隐藏侧边栏,使其不会出现在Finder窗口中。 单击顶部的“显示”菜单,然后选择“隐藏侧栏”以从Finder中删除侧栏。...如果您只想从工具栏中删除某些项目,请单击“查看”菜单中的“自定义工具栏”选项。...路径栏显示在Finder窗口的底部,显示当前文件夹的完整路径。...如果您对某些文件夹使用特定模式,则实际上可以将该模式设置为该特定文件夹的默认查看模式。 这是您的操作方式: 打开文件夹,然后选择要设为默认的查看模式。

    6.1K00

    (网页系统集成DWG编辑功能)通过上下文对象MxPluginContext修改UI界面

    ,可以直接通过代码去设置项目的UI界面显示。...4)替换加载新图标5)效果演示如下:3.添加侧边栏在MxCAD项目开发过程中我们经常会遇到需要设置多种侧边栏的情况,因此在MxPluginContext 对象中我们提供了添加左右侧边栏的设置,具体设置方法可参考下面的示例...:1)在MxCAD项目中新建一个 test 文件夹来专门编写新增侧边连相关的文件。...2)在test文件夹下新建一个 useComponent.ts 文件,用户可在该文件下存储控制侧边栏显隐的变量,或者侧边栏内部相关的逻辑变量。   .../useComponent";      4)在test文件夹下新建一个 index.ts 文件,在该文件中编写侧边栏初始化加载的相关逻辑。

    4410

    总结一下最近学习的后台管理系统的前端权限设计

    本文以思路为主,不会写出全部代码 基础工作 首先还是后台管理系统的基础工作,登录,侧边栏,导航栏什么的,因为给的时间实在太紧,我就直接用的网上已经有的基础框架 vue-admin-template...菜单表设计 因为 vue-admin-template 框架中,侧边栏是根据路由生成的,所以我们只要用一个菜单表维护路由就行了,不需要单独再搞一个侧边栏管理,为了满足渲染路由所必须的参数,我们需要告诉后端我们都需要什么参数...字段 含义 备注 title 标题 用于侧边栏标题展示 icon 图标 用于侧边栏图标展示 type 类型 区分目录/菜单/按钮 parentId 父级id 记录父子关系 name...路由name 路由必备 path 地址 地址栏的地址,用于跳转和展示 url 模块路径 模块位于文件夹的路径 identification 授权标识 用于权限判断,常见格式 crm:customer...:list hidden 是否渲染在侧边栏 有一些路由我们需要可以访问,又不想让它出现在侧边栏 *以上仅列出我们所必须的字段,像创建时间,创建人,排序等可以与后端协商按需求添加 角色分配 菜单表搞好之后

    71750

    最新iOS设计规范三|3大界面要素:栏(Bars)

    导航栏是半透明的,也可以添加背景色,并且必要时可以设置为隐藏。 ? 某些情况下可暂时隐藏导航栏,以提供更沉浸的体验。例如,当人们查看全屏照片时,“照片”会隐藏导航栏和其他界面元素。...搜索栏的字段可以包含占位符文本,例如“搜索服装,鞋子和配饰”或仅“搜索”,以提醒要搜索的上下文。带有适当标点符号的简洁的单行提示也可以直接出现在搜索栏上方,以提供指导。...三、侧边栏(Sidbars) 侧边栏在iPhone上使用较少,更多的用在iPad。它提供了应用程序的导航,在侧边栏中选择一项可以使人们导航到特定的内容。例如,“邮件”中的边栏显示所有邮箱的列表。...补充工具栏是拉平信息层次结构并同时提供对多个对等信息类别或模式的访问的一种好方法。使用侧边栏可快速导航到应用程序的关键部分或文件夹和播放列表之类的顶级内容集合。 尽可能让用户自定义边栏的内容。...允许用户隐藏侧边栏以为其内容创造更多空间,并使用内置的边缘滑动手势再次显示侧边栏。避免在默认情况下隐藏边栏。 侧边栏中的标题要保持简洁明了。省略不必要和多余的词。

    9.9K10

    【3】VSCode 主题设置推荐,自定义配色方案,修改注释高亮颜色

    ,以我的文件路径为例:H:\VScode\Microsoft VS Code\resources\app\extensions,主题配置文件都位于resources/app/extensions目录中,...,即所有主题的package.json中该值均不能重复 contributes -> themes -> label 主题名,“文件-首选项-颜色主题”的列表中显示该值 contributes -> themes...-> uiTheme VSCode整体的UI主题,vs为浅色主题 contributes -> themes -> path 定义配色方案的文件名,如为相对路径则相对于此文件 再打开themes文件夹下...编辑器行号颜色 5 sideBar.background 侧边栏背景色 4 sideBar.foreground 侧边栏前景色 3 sideBarSectionHeader.background 侧边栏节标题的背景颜色...17 statusBar.background 标准状态栏背景色 17 statusBar.noFolderBackground 没有打开文件夹时状态栏的背景色 17 statusBar.debuggingBackground

    14.1K31

    这 5 个 VSCode 扩展提高你的开发效率

    SVG Preview VS Code 具有一个内置的图像预览窗口,但是当你单击.svg文件时,它仅显示代码。...3. i18n Ally 几个月前,我开始使用i18n,不得不说它使我的网络应用本地化为多种语言变得异常容易。唯一的困难是,无法在实际处理的文件中编辑翻译。...i18n Ally还附带了一个漂亮的侧边栏显示(上),它向我们显示完成项目本地化的距离。 4....应该说很大程度上受到 Webstorm 的启发。 ? 还有一个额外必要扩展! VS Code Icons 当前有超过四百万的用户,你可能已经在使用此功能,这就是为什么它在此列表中具有很高的优势。...如果你没有,现在就安装它,让你在长长的文件和文件夹列表中找到你要找的东西的速度快十倍。它为每种文件类型添加的独特图标使文件搜索变得直观而简单。 ? 写在最后,希望这5个扩展能对你有所帮助。

    1.6K40

    一起来写 VS Code 插件:VS Code 版 CNode 已上线

    Webview API 允许扩展在 visualstudio 代码中创建完全可定制的视图,可以将 webview 看作是 VS Code 中的 iframe。..."contextualTitle": "Topic 列表" } ] } }, ... views 是配置视图列表,activitybar 是定义下显示在侧边导航上的视图...注册一个侧边栏 在 extension.ts 中注册一个 与 package.json 对应的 vs-sidebar-view侧边栏ID import * as vscode from "vscode"...上述代码中, Nonce是一个在加密通信只能使用一次的数字。在认证协议中,它往往是一个随机或伪随机数,以避免重放攻击。Nonce也用于流密码以确保安全。...状态保持 与浏览器标签不一样的是,当 webview 移动到后台又再次显示时,webview 中的任何状态都将丢失。因为 webview 是基于 iframe 实现的。

    1.4K40

    一起来写 VS Code 插件:VS Code 版 CNode 已上线

    Webview API 允许扩展在 visualstudio 代码中创建完全可定制的视图,可以将 webview 看作是 VS Code 中的 iframe。..."contextualTitle": "Topic 列表" } ] } }, ... views 是配置视图列表,activitybar 是定义下显示在侧边导航上的视图...注册一个侧边栏 在 extension.ts 中注册一个 与 package.json 对应的 vs-sidebar-view侧边栏 ID import * as vscode from 'vscode...上述代码中, Nonce是一个在加密通信只能使用一次的数字。在认证协议中,它往往是一个随机或伪随机数,以避免重放攻击。Nonce 也用于流密码以确保安全。...状态保持 与浏览器标签不一样的是,当 webview 移动到后台又再次显示时,webview 中的任何状态都将丢失。因为 webview 是基于 iframe 实现的。

    2.4K10

    Mirages主题帮助文档

    安装主题文件 将压缩包内1.主题文件文件夹中的Mirages文件夹完整上传到服务器上 Typecho 的/usr/themes/文件夹内,然后到 Typecho 后台,启用主题即可。 2....安装方法: 将压缩包内2.插件文件文件夹中的Mirages文件夹完整上传到服务器上 Typecho 的/usr/plugins/文件夹内,然后到 Typecho 后台,启用插件即可。...不需要修改代码,主题已经内置了。 插件下载地址 备用下载地址 侧边栏菜单怎么配置? 侧边栏菜单的内容来源于你的独立页面,新增或删除独立页面后,侧边栏菜单会相应更改。 侧边栏菜单如何排序?...侧边栏头像有两种修改方式: 直接修改 导航栏 -> 侧边栏头像,在选项中填入头像链接即可。 修改 Gravatar 头像。关于如何修改 Gravatar 头像请参考下一条。 建议使用第二种方式。...示例 # 以高斯模糊的形式加载文章主图 blurBanner = 1 顶部导航栏最大菜单数量 1.7.9 及以上版本可用 设置名:maxNavbarMenuNum 说明 设置显示在顶部导航栏的最大菜单个数

    10.1K20

    使用IBM Blockchain Platform extension开发你的第一个fabric智能合约

    如果你已经有了VS Code,点击屏幕左侧边栏中的扩展程序。在顶部,在扩展市场中搜索IBM Blockchain Platform。单击安装,然后单击重新加载。那么就安装好了。...在左侧边栏中,单击IBM Blockchain Platform图标(它看起来像一个正方形,如果这是你安装的最新扩展,则可能位于图标集的底部)。...完成后,你可以导航到“资源管理器”视图(最有可能在左侧栏中的顶部图标,看起来像“文档”图标)并打开src / my-asset-contract.ts文件以查看你的智能合约代码脚手架。...在左侧边栏中,单击IBM Blockchain Platform图标。 将鼠标悬停在SMART CONTRACT PACKAGES面板上,单击“…”菜单,然后从下拉列表中选择“打包智能合约项目”。...实例化可能比安装花费更长的时间-请注意成功消息,并在“智能合约”>“实例化”列表中显示blockchainExtProject@0.0.1,以确认它是否有效! 现在你的界面应该是这样的: ?

    1.3K20

    【玩转 Cloud Studio】不一样的本地与云协作

    搭建项目的基本流程首先登录到 Cloud Studio 的控制台界面中,登陆到你的控制台图片使用基本模板来创建一个工作空间以Springboot模板为例,在左边栏的快速开始中选择全部模板 -> 选择 Springboot...同样的 CS 在创建空项目时可以从 Git 仓库中拉取项目进行部署图片使用协作Cloud Studio 提供了一套非常完善的 Cloud Studio MetaWork 协作套件,在侧边栏中打开 Cloud...在本地 VS Code 中安装 Remote SSH 插件在 Remote SSH 的 config 中配置你的主机 SSH 信息图片配置中的各键值含义如下:Host是这个ssh信息在你本地的显示内容HostName...是你的远程ssh的公网ipUser是你的远程ssh的用户名,如果远程是Linux系统的话,这个就是你登录Linux的用户名图片保存后在侧边栏中轻点 Host 旁边的窗口按钮即可连接至你的主机图片第一次连接让你选择操作系统并输入密码来验证信息每次都需要密码验证就显得非常麻烦...,这里使用 SSH 公钥对来实现免密登陆:在本地终端中输入 ssh-keygen 一直回车就可以生成你的 SSH 公钥(如果询问是否覆盖则说明你之前生成过一次)图片红色框中的就是你的公钥文件存放的位置打开到该文件夹中将

    1.8K140

    这 5 个 VSCode 扩展提高你的开发兴趣

    SVG Preview VS Code 具有一个内置的图像预览窗口,但是当你单击.svg文件时,它仅显示代码。...image.png 3. i18n Ally 几个月前,我开始使用i18n,不得不说它使我的网络应用本地化为多种语言变得异常容易。唯一的困难是,无法在实际处理的文件中编辑翻译。...image.png image.png i18n Ally还附带了一个漂亮的侧边栏显示(上),它向我们显示完成项目本地化的距离。 4....VS Code Icons 当前有超过四百万的用户,你可能已经在使用此功能,这就是为什么它在此列表中具有很高的优势。...如果你没有,现在就安装它,让你在长长的文件和文件夹列表中找到你要找的东西的速度快十倍。它为每种文件类型添加的独特图标使文件搜索变得直观而简单。

    1K40

    WordPress插件大全

    Time Zone – 这个插件解决由夏令时带来的时间延时的烦恼。 Throttle – 监控博客带宽,当服务器负载较大时限制某些不重要内容的显示以提高性能。...AdSense Widget for WordPress Sidebar – 在侧边栏显示Adsense广告。 Alipay donate – 支付宝捐赠插件。...Fresh Comments – 在侧边栏显示最新回复的内容,可以设置不显示 trackback和pingback,如刀客征途的侧边栏最新评论。...Show Top Commentators – 在页面的侧边栏罗列出在你博客中发表最多评论的作者,同时链接到他们的博客。...wp-chunk – 截断评论中过长的地址避免撑破页面。 WP-Most Commented Posts – 在侧边栏显示拥有最多评论的日志。 WP-NoSh*t – 过滤评论中的不当用词。

    1.9K50

    《vue3+ts+element-plus 后台管理系统系列三》之路由侧边栏

    本项目侧边栏和路由是绑定在一起的,所以你只有在 @/router/index.js 下面配置对应的路由,侧边栏就能动态的生成了。大大减轻了手动重复编辑侧边栏的工作量。...['admin', 'editor'] // 设置该路由进入的权限,支持多个权限叠加 title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字 icon: 'iconfont...(默认 true) affix: true // 如果设置为true,它则会固定在tags-view中(默认 false) // 当路由设置了该属性,则会高亮相对应的侧边栏。...// 这在某些场景非常有用,比如:一个文章的列表页路由为:/article/list // 点击文章进入文章详情页,这时候路由为/article/1,但你想在侧边栏高亮文章列表的路由,就可以进行如下设置...---- 代码 @/layout/components/Sidebar 项目侧边栏主要基于 element-plus 的 el-menu 改造。

    4.5K10

    手把手教你用vuepress搭建自己的网站(2)

    页面具体内容配置 基本配置 要让你的网站显示内容, 就需要进行配置, 需要在.vuepress文件夹下新建一个总的配置文件config.js, 这个文件的名字是固定的,即.vuepress/config.js...E6%A0%8F 警告 默认情况下,侧边栏会自动地显示由当前页面的标题(headers)组成的链接,并按照页面本身的结构进行嵌套,您可以通过 themeConfig.sidebarDepth 来修改它的行为...如果您希望为不同的页面组显示不同的侧边栏, 就和官网一样, 点击导航中的哪个 nav,对应就显示对应的的侧边栏,目前目录有 fontend \ interview \ minprogram 等, 这些目录下都存放着多个...fontend文件夹下的tools与js都是两个文件夹,下面对应的有md文件,默认会以README.md为默认的路由 至此 你如果仔细看看config.js里面的一些配置的话,你会发现,代码配置越来越多...,当键与键值同名时,可以直接写一个 } 其他,head,plugin,配置也是如此,代码与之前是没有任何改变的,只不过是对config.js进行了分割,进行了模块化管理的,导航的管理导航,侧边栏的管理侧边栏

    2.6K20
    领券