vscode使用region折叠任意想折叠的代码块

一、代码：

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

二、使用场景：   

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

三、使用实例：

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

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

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

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