惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Recent Announcements
Recent Announcements
雷峰网
雷峰网
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Hugging Face - Blog
Hugging Face - Blog
博客园 - 司徒正美
人人都是产品经理
人人都是产品经理
博客园 - 【当耐特】
量子位
有赞技术团队
有赞技术团队
博客园 - 三生石上(FineUI控件)
博客园 - Franky
M
MIT News - Artificial intelligence
U
Unit 42
Last Week in AI
Last Week in AI
酷 壳 – CoolShell
酷 壳 – CoolShell
The Cloudflare Blog
J
Java Code Geeks
V
Visual Studio Blog
Engineering at Meta
Engineering at Meta
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
MyScale Blog
MyScale Blog
T
Tailwind CSS Blog
T
The Blog of Author Tim Ferriss
V
V2EX

博客园 - smil、梵音

css渐变边框的实现 C primer Plus 第六版第4章节复习题5记录 C语言第4章末尾程序找错记录 css 的z-index的层级问题 由webai项目的 AI工作台 项目有感记录 C语言标准(C89/C90)中的32个关键字全列表 Windows 系统的 vscode 通过 Remote-SSH 连接虚拟机的 Ubuntu 系统运行 C 语言的代码 Windows 系统 vscode Remote-SSH 远程连接虚拟机里面的Ubuntu系统的失败处理 Ubuntu虚拟机里安装了SSH,开启SSH服务的时候报错 VS Code的Remote - SSH功能 Ubuntu系统里面安装 g++ ,sudo apt update 的含义 C语言是不是必须得通过gcc编译成可执行的程序? c语言用gcc编译过后,执行 ./hello.c 报错 ./hello.c: 权限不够 windows系统的虚拟机里面的Ubuntu系统安装VMware Tools Ubuntu的应用中心搜索 vscode 的时候,筛选条件为Snap包、debian包是什么意思,如何安装vscode Ubuntu系统是否就是Linux系统,安装软件和Windows系统有何区别 Ubuntu系统里面vscode运行C语言的第一个 Hello World 程序 vscode 中安装C/C++相关的插件 Ubuntu 安装一个轻量级的中文输入法Fcitx5 Ubuntu安装百度网盘 Ubuntu系统里面安装vscode 乌版图系统截屏快捷键 Ubuntu 系统里面运行C++ TortoiseGit 的安装与汉化 安装虚拟机+ ubuntu24.04 系统 联想小新安装 ubuntu24.04 双系统 | 安装乌版图系统 | windows安装 ubuntu24.04 双系统 利用faststone capture制作gif动图 Sublime Text 常用编辑快捷键速查表 vscode 中的 css 样式代码不显示折叠图标的解决方法 IDEA中git的Cherry-Pick的可视化使用(个人总结) IDEA中git的Cherry-Pick的使用
vscode使用region折叠任意想折叠的代码块
smil、梵音 · 2025-08-09 · via 博客园 - smil、梵音

一、代码:

// #region 任意文字.......(这里会出现折叠符号,折叠到#endregion的位置)
任意代码片段......
任意代码片段......
任意代码片段......
// #endregion 任意文字......

二、使用场景:   

  •    当我们页面分为头部、中部内容、脚部三个模块时,每个模块内容及其多内容,我们使用js来写的时候,方法杂糅,可读性比较低。
  •     为了使得代码片段清晰明了,我们会把方法分为头部方法块、中部内容方法块、脚部方法块。
  •     当我们写完头部方法块的时候,为了不让头部方法块影响我们,也为了减少我们鼠标滑动的距离,可以选择把中部方法块折叠起来。
  •     但由于js的折叠是每个方法或者对象进行折叠,并没有部分方法块的折叠箭头,这时我们就有折叠任意代码块的需求。
  •     此时// #region和// #endregion就派上了用场,可以折叠我们任意想折叠的代码块。

三、使用实例:

1、// #region行注释前面会有折叠小箭头

111

2、// #endregion行注释是折叠的结束位置

222

3、// #region// #endregion之间折叠了100多行代码

333

4、代码上前行时,为了代码可读性,也为了我们更好的模块化代码,可是使用这种方式帮助我们更好的开发。