如何有效地使用VIM浏览SASS / CSS文件？

Question

这个互联网领域最聪明的人！ 请告诉我如何使用VIM有效浏览SASS中的代码库。 Tagbar没有显示SASS树，我也不能分层次地折叠样式声明。 所以，问题是 - 如何使用标签栏和/或折叠SASS / SCSS / CSS文件？ 也许你可以建议我有效浏览SASS的其他方式？ 谢谢！

Answer 1

<强>折叠

在set foldenable中使用set foldmethod=indent和~/.vimrc，您可以使用zM折叠所有定义，然后使用zR恢复正常。使用zj和zk从折叠跳转到折叠。有关折叠的更多信息，请参阅this answer，了解我将立即使用 和:help fold这一非常酷的提示。

<强>代码

有关基于this q/a的有限解决方案，请参阅ctags。使用this Gist的方法TagBar。如果您想要一个包含类，ID和标记名的分层树，那么您首先需要尝试。

<强> Cscope的

你不会得到一个分层树或一个大纲，但cscope是一个很棒的代码索引器，可能对直接跳转到一个已知的选择器很有用。执行$ cscope -R *.scss并搜索类，ID和标记名。点击匹配项<CR>即可在正确的行中打开$EDITOR。

---

我个人使用CtrlP的:CtrlPBufTag和:CtrlpTag上面的“基于有限ctags的解决方案”取得了巨大成功。但我只做基本的CSS。