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 内置规则,硬套会失效。

飞书多维表格
飞书多维表格

表格形态的AI工作流搭建工具,支持批量化的AI创作与分析任务,接入DeepSeek R1满血版

下载
  • 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” 小节,再动手配。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
TypeScript工程化开发与Vite构建优化实践
TypeScript工程化开发与Vite构建优化实践

本专题面向前端开发者,深入讲解 TypeScript 类型系统与大型项目结构设计方法,并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例,帮助开发者提升代码可维护性与开发效率。

47

2026.02.13

TypeScript全栈项目架构与接口规范设计
TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者,系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例,帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

192

2026.02.25

C++系统编程内存管理_C++系统编程怎么与Rust竞争内存安全
C++系统编程内存管理_C++系统编程怎么与Rust竞争内存安全

C++系统编程中的内存管理是指 对程序运行时内存的申请、使用和释放进行精细控制的机制,涵盖了栈、堆、静态区等不同区域,开发者需要通过new/delete、智能指针或内存池等方式管理动态内存,以避免内存泄漏、野指针等问题,确保程序高效稳定运行。它核心在于开发者对低层内存有完全控制权,带来灵活性,但也伴随高责任,是C++性能优化的关键。

13

2025.12.22

Rust异步编程与Tokio运行时实战
Rust异步编程与Tokio运行时实战

本专题聚焦 Rust 语言的异步编程模型,深入讲解 async/await 机制与 Tokio 运行时的核心原理。内容包括异步任务调度、Future 执行模型、并发安全、网络 IO 编程以及高并发场景下的性能优化。通过实战示例,帮助开发者使用 Rust 构建高性能、低延迟的后端服务与网络应用。

10

2026.02.11

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

224

2026.03.05

json数据格式
json数据格式

JSON是一种轻量级的数据交换格式。本专题为大家带来json数据格式相关文章,帮助大家解决问题。

455

2023.08.07

json是什么
json是什么

JSON是一种轻量级的数据交换格式,具有简洁、易读、跨平台和语言的特点,JSON数据是通过键值对的方式进行组织,其中键是字符串,值可以是字符串、数值、布尔值、数组、对象或者null,在Web开发、数据交换和配置文件等方面得到广泛应用。本专题为大家提供json相关的文章、下载、课程内容,供大家免费下载体验。

546

2023.08.23

jquery怎么操作json
jquery怎么操作json

操作的方法有:1、“$.parseJSON(jsonString)”2、“$.getJSON(url, data, success)”;3、“$.each(obj, callback)”;4、“$.ajax()”。更多jquery怎么操作json的详细内容,可以访问本专题下面的文章。

335

2023.10.13

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

76

2026.03.11

热门下载

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

精品课程

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

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

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

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