VSCode - Windows VSCode 代码块展开与折叠（基本操作、多级折叠与展开、全部折叠与展开）

已于 2025-05-14 20:01:19 修改
阅读量192 收藏
点赞数 5
分类专栏： 软件工具 文章标签： vscode ide 编辑器 前端 intellij-idea intellij idea 工具
于 2025-05-14 18:34:54 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52173250/article/details/147960642
版权

Windows VSCode 代码块展开与折叠

1、基本操作
  1. 折叠光标所在当前代码块，快捷键：Ctrl + Shift + [
# 操作方式

先按住 Ctrl 和 Shift 键，再按 [ 键
  1. 展开光标所当前代码块，快捷键：Ctrl + Shift + ]
# 操作方式

先按住 Ctrl 和 Shift 键，再按 ] 键
2、多级折叠与展开
  1. 折叠光标所在所有子区域代码块，快捷键：Ctrl + K -> Ctrl + [
# 操作方式

先按住 Ctrl 键，再按 K 键，再按 [ 键
  1. 展开光标所在所有子区域代码块，快捷键：Ctrl + K -> Ctrl + ]
# 操作方式

先按住 Ctrl 键，再按 K 键，再按 ] 键
3、全部折叠与展开
  1. 折叠所有代码块，快捷键：Ctrl + K -> Ctrl + 0
# 操作方式

先按住 Ctrl 键，再按 K 键，再按 0 键
  1. 展开所有代码块，快捷键：Ctrl + K -> Ctrl + J
# 操作方式

先按住 Ctrl 键，再按 K 键，再按 J 键
html左侧菜单展开与收起,HTML点击左侧菜单展开二级菜单样式简单实现
weixin_39542608的博客
05-30 939
系统管理集团管理企业管理员工管理用户管理文件管理基础配置function click1(obj){$('li[name=menu2'+obj.id+']').toggle();if($('#icon'+obj.id).attr("class")=="glyphicon glyphicon-chevron-down"){$('#icon'+obj.i...
IOS UITableView的展开与收缩、折叠功能
热门推荐
周为的博客
01-09 1万+
表格视图的展开与收缩，就像腾讯QQ的好友列表的功能一样在开发中我们常常用到。实现的思路有两个： 1.定义一个分组的tableView，在头部视图上添加tap手势触发展开与收缩的事件，声明bool值或者标识符记录展开与收缩的状态。当 tableView展开的时候，刷新那一组的cell高度为大于0的数值，那么就展开了。当tableView收缩的时候，刷新那一组的cell高度等于0,那么就收缩了。 2
【游戏开发解答】Unity使用lua将table转为树结构，以多级折叠内容列表的UI形式展现（树结构 | UGUI | 折叠展开 | lua）
linxinfa的专栏
03-18 7614
【游戏开发解答】Unity使用lua将table转为树结构，以多级折叠内容列表的UI形式展现（树结构 | UGUI | 折叠展开 | lua）
IDEA 展开文件目录树，折叠文件目录树，展开代码，折叠代码
马的博客
12-23 9378
方式一：IDEA自带展开快捷键： 小键盘： 展开当前文件夹：+ 展开所有文件夹：* IDEA自带折叠快捷键： 折叠当前文件夹：- // 试过无效果 折叠所有文件夹：ctrl + - 方式二：自定义 ctrl + NumPad+ // 自定义的：展开当前文件夹 ctrl + NumPad- // 自定义：折叠当前文件夹 ctrl + shift + NumPad+ // ...
代码规范及格式化工具（vscode、clang-format、git)
pk0127的博客
08-09 3644
文章目录说明Linux 内核代码风格1) 缩进2) 把长的行和字符串打散3) 大括号和空格的放置3.1) 空格4) 命名5) Typedef6) 函数7) 集中的函数退出途径8) 注释9) 你已经把事情弄糟了11) 数据结构12) 宏，枚举和RTL13) 打印内核消息14) 分配内存15) 内联弊病16) 函数返回值及命名17) 不要重新发明内核宏18) 编辑器模式行和其他需要罗嗦的事情19) 内联汇编20) 条件编译附录 I) 参考git提交规范代码复查/审查生成CHANGELOG规范细则提交消息格式修改
Bootstrap组件——折叠面板
xun__xing的博客
07-29 2514
折叠面板一、折叠面板1.基础 一、折叠面板 Bootstrap折叠板插件允许你在网页中用一点点JavaScript以及CSS类切换内容，控制内容的可见性。它是一个灵活的插件，使用少量的类（来自必需的过渡插件），以方便切换行为。 1.基础 <div class="row mt-5"> <div class="col"> <p> <a href="#kengdie" class="btn btn-primary" data-toggle="colla
vs2019显示块折叠
youyouyou15的博客
11-23 790
vs2019打开块折叠 工具 - 选项 左侧树：文本编辑器 - Basic - 高级 右侧：找到 “块结构指南” ，勾选 “显示代码级别构造的指南” 。 确定就 OK 啦
解决点击element-UI中导航菜单组件的子菜单，所有同级的其他子菜单也会同时展开或折叠的问题
m0_55728090的博客
04-11 1万+
问题 这个是渲染到4级的导航菜单，只截取一部分展示。重点不是这个问题，是刚开始点击一个子菜单，其他同级的子菜单也会相应的展开和折叠，那么这种情况为什么会这样呢，明明自己的:index=“”有设置内容了，怎么还会这样呢。 原来的是这样的，我的理解是，如果都把它设置为url，index无法判断，所以每次都同时展开或折叠。 下面是改了之后的，使用后端给的接口中，改为用来区分层级或者是编码的那个字段，这样就可以有区别的情况下，index能正确区分，并且解决这个问题。 代码如下： <!--
006_跨平台开发_MUI_折叠面板（accordion）
qq_33605778的博客
10-24 623
认识 折叠面板从二级列表中演化而来，dom结构和二级列表类似，如下：代码结构 <ul class="mui-table-view"> <li class="mui-table-view-cell mui-collapse"> <a class="mui-navigate-right" href="#">面板1</a> <div cla
非常好用的myeclipse代码折叠插件，避免代码全部展开带来的烦恼和头痛
11-21
4. **多级折叠**：允许用户对代码进行多级折叠，以达到更精细化的代码组织。 5. **智能识别**：插件能自动识别代码结构，自动折叠注释、导入语句等非关键内容。 接下来，我们将讨论如何在MyEclipse中安装这个插件...
代码折叠工具使用方法见压缩包内com.cb.eclipse.folding_1.0.6.rar
12-03
5. 你还可以通过代码编辑器的菜单栏，选择“Source” -> “Fold/Unfold Region”来进行折叠和展开操作。 6. 为了方便，你可以自定义快捷键，进入“Window” -> “Preferences” -> “General” -> “Keys”，然后...
ExpandableTableView:UITableView 的展开和折叠行为
05-29
在iOS开发中，`UITableView`是用于展示列表数据的标准组件，但有时我们可能需要更复杂的交互，例如实现单元格的展开和折叠功能。这就是`ExpandableTableView`的用途，它扩展了`UITableView`的基本功能，提供了更加...
Javascript实现代码折叠功能
11-22
如果图片源是`minus.gif`，表示当前代码块是展开的，函数将设置其`display`样式为`none`，隐藏代码块；反之，如果图片源是`plus.gif`，则显示代码块。 4. **更新折叠/展开图标**： 根据`toDo`变量的值，函数会更新...
兼容多浏览器的内容块展开折叠组件设计
根据提供的文件信息，以下是对“内容块展开折叠组件”知识点的详细说明： ### 标题解析：“内容块展开折叠组件” 标题中的“内容块展开折叠组件”指的是一个用于网页或者应用程序中的用户界面组件，它允许用户点击...
VSCode python配置
yinglang19941010的专栏
05-14 223
输入 Python: Select Interpreter 并回车。按 Ctrl+Shift+P 打开命令面板。在launch.json中添加。
Visual Studio Code 前端项目开发规范合集【推荐插件】
李赛赛的专栏
05-10 1847
在现代前端开发中，保持代码风格的一致性至关重要。本文介绍了如何通过 VSCode 配置自动格式化工具，推荐了 Prettier、ESLint 和 StyleLint 三款插件，并详细说明了它们的安装与配置步骤。
vscode - 笔记
tianyu的专栏 - Linux site:blog.csdn.net/wishfly
05-14 173
1 IDE就用vscode，安装Remote-SSH插件通过SSH访问树莓派里的文件夹写在开始：阿尔法Linux开发板学习开始 - 银色的音色 - 博客园2 VSCode之Linux C/C++开发和调试VSCode之Linux C/C++开发和调试 CMake代码编译 json配置_哔哩哔哩_bilibili3 VS Code 凭什么如此受欢迎？ https://www.zhihu.com/question/606101860
解决stm32HAL库使用vscode打开，识别不到头文件及uint8_t等问题
异境入侵者
05-11 392
在使用VSCode开发STM32 HAL库项目时，常遇到无法识别头文件及uint8_t等类型的问题。主要原因有两个：一是插件无法正确识别include目录；二是由于Cubemx生成的工程文件位于MDK-ARM目录下，而VSCode通常打开的是其上层目录，导致工作空间路径不正确。解决方法是通过Keil Assistant打开项目工程，并配置好UV.exe路径。然后，将Keil Assistant自动生成的.vscode目录复制到MDK-ARM的上层目录中，这样VSCode就能正确识别路径，问题得以解决。
vue3基础学习(上) [简单标签] (vscode)
最新发布
2301_77140685的博客
05-14 757
是一种前端开发的渐进式框架,类似Springboot框架,当我们需要一些组件或功能时,直接引用地址,或下载到本地进行引用我们现在用的是也就是组合式 , Vue2是选项式官网地址 :环境准备: 安装好node.js , 并配置好环境变量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值