工具:vscode折叠任意想折叠的代码块

一、代码:

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

二、使用场景:

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

三、使用实例:

1、// #region行注释前面会有折叠小箭头
折叠注释
2、// #endregion行注释是折叠的结束位置
注释折叠
3、// #region// #endregion之间折叠了100多行代码
注释折叠
4、代码上前行时,为了代码可读性,也为了我们更好的模块化代码,可是使用这种方式帮助我们更好的开发。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐