0

0

如何在VSCode中折叠和展开代码块?

夜晨

夜晨

发布时间:2025-10-04 23:23:02

|

490人浏览过

|

来源于php中文网

原创

折叠和展开代码块可提升代码浏览效率,支持快捷键操作:Ctrl + Shift + [(Cmd + Option + [)折叠、Ctrl + Shift + ](Cmd + Option + ])展开;Ctrl + K, Ctrl + 0 折叠全部,Ctrl + K, Ctrl + J 展开全部;也可通过鼠标点击缩进线旁的 ± 图标或使用命令面板输入“fold”搜索指令控制;VSCode 自动识别 JavaScript、Python、HTML 等语言的函数、缩进块、标签对等可折叠区域。

如何在vscode中折叠和展开代码块?

在 VSCode 中折叠和展开代码块可以让你更高效地浏览和管理代码。操作方式简单,支持多种触发方法。

使用快捷键折叠/展开

快捷键是最快速的方式,适用于所有主流操作系统

  • 折叠当前代码块Ctrl + Shift + [(Windows/Linux)或 Cmd + Option + [(Mac)
  • 展开当前代码块Ctrl + Shift + ](Windows/Linux)或 Cmd + Option + ](Mac)
  • 折叠全部代码块Ctrl + K, Ctrl + 0(注意是数字零)
  • 展开全部代码块Ctrl + K, Ctrl + J

通过鼠标点击操作

编辑器左侧的缩进引导线旁会出现小三角图标,表示可折叠区域:

LALAL.AI
LALAL.AI

AI人声去除器和声乐提取工具

下载
  • 点击带减号(−)的小方框可**折叠**该代码块
  • 点击带加号(+)的图标可**展开**已折叠的代码块
  • 按住 Alt 键点击可递归折叠或展开内部嵌套块

通过命令面板控制

如果记不住快捷键,也可以使用命令面板进行操作:

  • 按下 Ctrl + Shift + P 打开命令面板
  • 输入“fold”或“unfold”搜索相关命令
  • 选择如“Fold All”,“Unfold All”,“Fold Level 2”等选项执行对应操作

语言与括号自动识别

VSCode 能根据代码语法自动识别可折叠区域,比如函数、类、条件语句、循环等。不同语言(JavaScript、Python、HTML、C++ 等)都支持此功能。例如:

  • JavaScript 中的函数或 if 语句块
  • Python 中基于缩进的代码块(需语言扩展支持)
  • HTML 中的标签对(如
    ...
基本上就这些。熟练使用折叠功能能让复杂文件变得更清晰,提升阅读效率。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

780

2023.08.22

windows查看端口占用情况
windows查看端口占用情况

Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

810

2023.07.26

查看端口占用情况windows
查看端口占用情况windows

端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

1129

2023.07.27

windows照片无法显示
windows照片无法显示

当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

804

2023.08.01

windows查看端口被占用的情况
windows查看端口被占用的情况

windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

454

2023.08.02

windows无法访问共享电脑
windows无法访问共享电脑

在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

2355

2023.08.08

windows自动更新
windows自动更新

Windows操作系统的自动更新功能可以确保系统及时获取最新的补丁和安全更新,以提高系统的稳定性和安全性。然而,有时候我们可能希望暂时或永久地关闭Windows的自动更新功能。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

823

2023.08.10

windows boot manager
windows boot manager

windows boot manager无法开机的解决方法:1、系统文件损坏,使用Windows安装光盘或USB启动盘进入恢复环境,选择修复计算机,然后选择自动修复;2、引导顺序错误,进入恢复环境,选择命令提示符,输入命令"bootrec /fixboot"和"bootrec /fixmbr",然后重新启动计算机;3、硬件问题,使用硬盘检测工具进行扫描和修复;4、重装操作系统。本专题还提供其他解决

1647

2023.08.28

C++ 设计模式与软件架构
C++ 设计模式与软件架构

本专题深入讲解 C++ 中的常见设计模式与架构优化,包括单例模式、工厂模式、观察者模式、策略模式、命令模式等,结合实际案例展示如何在 C++ 项目中应用这些模式提升代码可维护性与扩展性。通过案例分析,帮助开发者掌握 如何运用设计模式构建高质量的软件架构,提升系统的灵活性与可扩展性。

14

2026.01.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
PostgreSQL 教程
PostgreSQL 教程

共48课时 | 8.1万人学习

Git 教程
Git 教程

共21课时 | 3.2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号