0

0

VSCode如何折叠区域代码_使用区域标记有何窍门【教程】

幻影之瞳

幻影之瞳

发布时间:2026-01-24 13:29:31

|

293人浏览过

|

来源于php中文网

原创

VSCode中#region折叠失效因语言支持差异:C#/TS/JS原生支持,Python等需扩展或自定义配置;须独占一行无缩进,检查编码、版本及folding设置。

vscode如何折叠区域代码_使用区域标记有何窍门【教程】

VSCode 里 #region#endregion 折叠不了?先看语言支持

不是所有语言都原生支持区域折叠,VSCode 默认只对部分语言启用 #region/#endregion(如 C#、TypeScript、JavaScript)。Python、Go、Rust 等默认不识别——这不是配置错了,是根本没注册该折叠规则。

  • C#、TS/JS:开箱即用,直接写 #region 初始化逻辑 就能折叠
  • Python:需安装扩展(如 Python Extension Pack)并开启 "python.editor.foldingStrategy": "indent",但注意:它按缩进折叠,不响应 #region
  • 自定义语言:得在 settings.json 中配 foldingMarkers,例如为 Lua 添加:
    "editor.foldingStrategy": "auto",
    "editor.folding": true,
    "[lua]": {
      "editor.foldingStrategy": "auto",
      "editor.foldingMarkers": {
        "start": "^%s*--%s*#region",
        "end": "^%s*--%s*#endregion"
      }
    }

为什么写了 #region 却没出现小三角?检查这三处

常见“写了但不生效”多因环境或语法细节出错,而非功能失效。

  • #region 必须独占一行,且不能有前置空格(注释符后可跟空格,但整行不能缩进)
  • VSCode 版本低于 1.70 时,某些语言(如 JS)需手动开启:"javascript.preferences.useSemicolons": "ignore" 不影响,但 "javascript.suggest.autoImports": true 之类无关;关键是确认 "editor.folding": true 已启用
  • 文件顶部若有 BOM 或非法 UTF-8 字节,可能破坏折叠解析——用 VSCode 右下角编码切换为 UTF-8 并保存重载

// region 替代 #region?不同语言的合法前缀差异

折叠标记前缀取决于语言习惯和 VSCode 内置规则,硬套会失效。

ReRoom AI
ReRoom AI

专为室内设计打造的AI渲染工具,可以将模型图、平面图、草图、照片转换为高质量设计效果图。

下载
  • C#:必须用 #region / #endregion(预处理器指令)
  • TypeScript/JavaScript:支持 // region / // endregion,也支持 /* region */ / /* endregion */(注意斜杠数量和空格)
  • Java:不支持 #region,但可用 // region(需 Java 扩展 + 启用 java.configuration.updateBuildConfiguration
  • 注意://region(无空格)在 TS/JS 中无效,必须是 // region(斜杠后至少一个空格)

折叠嵌套太多导致误操作?用快捷键精准控制

鼠标点小三角容易误展开深层嵌套,键盘操作更稳。

  • Ctrl+Shift+[:折叠当前光标所在区域(哪怕光标在中间某行)
  • Ctrl+Shift+]:展开当前区域
  • Ctrl+K Ctrl+0:折叠全部区域(数字 0,不是字母 O)
  • Ctrl+K Ctrl+J:展开所有折叠(包括普通代码块、注释块等)
  • 想临时禁用区域折叠?改 "editor.folding": false,但别关 "editor.foldingStrategy",否则连函数级折叠都没了

区域折叠真正难的不是写标记,而是跨语言时记混前缀规则、编辑器未加载对应语言服务、或被缩进/编码/扩展冲突悄悄屏蔽。实际项目里,C# 和 TS 最省心,其他语言建议先查官方文档页的 “folding” 小节,再动手配。

相关专题

更多
python开发工具
python开发工具

php中文网为大家提供各种python开发工具,好的开发工具,可帮助开发者攻克编程学习中的基础障碍,理解每一行源代码在程序执行时在计算机中的过程。php中文网还为大家带来python相关课程以及相关文章等内容,供大家免费下载使用。

773

2023.06.15

python打包成可执行文件
python打包成可执行文件

本专题为大家带来python打包成可执行文件相关的文章,大家可以免费的下载体验。

684

2023.07.20

python能做什么
python能做什么

python能做的有:可用于开发基于控制台的应用程序、多媒体部分开发、用于开发基于Web的应用程序、使用python处理数据、系统编程等等。本专题为大家提供python相关的各种文章、以及下载和课程。

765

2023.07.25

format在python中的用法
format在python中的用法

Python中的format是一种字符串格式化方法,用于将变量或值插入到字符串中的占位符位置。通过format方法,我们可以动态地构建字符串,使其包含不同值。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

699

2023.07.31

python教程
python教程

Python已成为一门网红语言,即使是在非编程开发者当中,也掀起了一股学习的热潮。本专题为大家带来python教程的相关文章,大家可以免费体验学习。

1405

2023.08.03

python环境变量的配置
python环境变量的配置

Python是一种流行的编程语言,被广泛用于软件开发、数据分析和科学计算等领域。在安装Python之后,我们需要配置环境变量,以便在任何位置都能够访问Python的可执行文件。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

570

2023.08.04

python eval
python eval

eval函数是Python中一个非常强大的函数,它可以将字符串作为Python代码进行执行,实现动态编程的效果。然而,由于其潜在的安全风险和性能问题,需要谨慎使用。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

579

2023.08.04

scratch和python区别
scratch和python区别

scratch和python的区别:1、scratch是一种专为初学者设计的图形化编程语言,python是一种文本编程语言;2、scratch使用的是基于积木的编程语法,python采用更加传统的文本编程语法等等。本专题为大家提供scratch和python相关的文章、下载、课程内容,供大家免费下载体验。

751

2023.08.11

c++空格相关教程合集
c++空格相关教程合集

本专题整合了c++空格相关教程,阅读专题下面的文章了解更多详细内容。

0

2026.01.23

热门下载

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

精品课程

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

共58课时 | 4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

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

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