Vue注释代码块折叠时下方非同一代码块跟着折叠如何解决

问题描述：

编写代码时，为了不影响代码编写，想要只折叠44-50行注释代码片段，增大编写空间，但一折叠注释代码，下方非注释代码也别折叠起来，如图：

 

解决方法： 

方法一：在注释前后都加上 //#region 即可

 方法二： 改设置里的 folding strategy 为 indentation 即可

 

说明：

本人编写代码时，两次都遇到这个问题，在这里复盘一下，方便之后查阅，也希望对遇到同样问题的你有所帮助，感谢阅读~