解决 Zed 无法折叠 vue 文件的自定义组件

分类:HTML&CSS     发布时间:2026-09-21     最后更新:2026-09-21     浏览数:12
这篇文章解决了 Zed 无法折叠 vue 文件的自定义组件的问题

现象:

未折叠时

折叠后

从图片可以看到,折叠仅把 el-dialog 的 props 折叠了,el-dialog 内部的两个 span 还是可以看到。

期望的行为是 el-dialog 应该全部折叠起来。

另外,script 也是无法折叠的。

解决问题的思路:

1、Zed 的 vue 是依赖 vue 这个扩展的,去看看 Zed vue 扩展的 git 仓库,看看有没有其它人遇到同样的问题。

2、访问 https://github.com/zed-extensions/vue/issues

3、All issues 下搜索:is:issue fold

4、看到关键字

解决方法

顶部菜单栏(三条横线) -> Zed -> Open Settings -> 搜索框输入:range -> 左侧选中 Languages & Tools 下的 LSP -> LSP Folding Ranges -> 把 Off 改为 On

改为 On 之后,再折叠 el-dialog 的效果

另外 script 标签也支持折叠了。

到这,就完美解决了这个问题,希望对你有帮助。

上一篇: 被 Element UI 的 Table 的滚动条折腾了半天 下一篇: 没有了