工具:vscode折叠任意想折叠的代码块
敲代码会越来越简单啦~
·
一、代码:
// #region 任意文字.......(这里会出现折叠符号,折叠到#endregion的位置)
任意代码片段......
任意代码片段......
任意代码片段......
// #endregion 任意文字......
二、使用场景:
- 当我们页面分为头部、中部内容、脚部三个模块时,每个模块内容及其多内容,我们使用js来写的时候,方法杂糅,可读性比较低。
- 为了使得代码片段清晰明了,我们会把方法分为头部方法块、中部内容方法块、脚部方法块。
- 当我们写完头部方法块的时候,为了不让头部方法块影响我们,也为了减少我们鼠标滑动的距离,可以选择把中部方法块折叠起来。
- 但由于js的折叠是每个方法或者对象进行折叠,并没有部分方法块的折叠箭头,这时我们就有折叠任意代码块的需求。
- 此时
// #region
和// #endregion
就派上了用场,可以折叠我们任意想折叠的代码块。
三、使用实例:
1、// #region
行注释前面会有折叠小箭头
2、// #endregion
行注释是折叠的结束位置
3、// #region
和// #endregion
之间折叠了100多行代码
4、代码上前行时,为了代码可读性,也为了我们更好的模块化代码,可是使用这种方式帮助我们更好的开发。
更多推荐
已为社区贡献1条内容
所有评论(0)