Visual Studio 中 CSS/javascript 的 Vim 样式折叠答案

【问题标题】：Vim style folding for CSS/javascript in Visual StudioVisual Studio 中 CSS/javascript 的 Vim 样式折叠
【发布时间】：2010-10-13 17:55:51
【问题描述】：

有人知道在 Visual Studio 中使用 VIM style folding 的方法吗？我在 c# 类文件中使用 #region 块，它们很棒，但不幸的是，javascript 和 css 没有等效的功能。我目前正在处理的网站/应用程序有相当多的 css 选择器和 javascript，并且导航单个文件变得越来越困难。

我们考虑过的一个选项是将 css 和 javascript 分解为类似于 jquery 模块的单独文件，但这会在增加 http 请求的总数方面引入性能问题。

如果有人对管理疯狂有任何建议，我将不胜感激！

更新：Richard Kimber 建议 Visual Studio 的 using the bookmarking features 使按标题导航更易于管理。这是朝着正确方向迈出的一步，但不如代码折叠/阻塞有用。

【问题讨论】：

标签： javascript css visual-studio code-organization

【解决方案1】：

我知道我并没有真正帮助解决这个问题，但你听说过ViEmu。可以说，它是 VS 中的 vim 仿真。虽然它不支持 vim 的所有功能，但它确实为 VS 导航带来了一种味道。我自己没用过，不过其他人都说不错，不妨试试看。

【讨论】：

这看起来很有趣，而且它确实支持 Vim 样式折叠。
我实际上已经在过渡期间开始使用 GVIm，直到我考虑购买 ViEmu 的副本 :) 谢谢 ldigas！
我用的是 ViEmu，它在 CSS 文件中非常方便。您可以使用熟悉的 zf、zo、zR、zM 等创建和管理折叠，但不幸的是，目前没有办法在文件关闭后持久保存这些折叠。我用 ViEmu 宏来自动创建折叠，过去取得了一些成功。

【解决方案2】：

我发现了一个 Microsoft 扩展，它改进了 Visual Studio 2010 的 JavaScript 文本编辑器。

http://visualstudiogallery.msdn.microsoft.com/en-us/872d27ee-38c7-4a97-98dc-0d8a431cc2ed

我用过它，它为 JavaScript 文件提供了以下所有内容：

大括号匹配
大纲/代码折叠
当前单词突出显示
IntelliSense 文档评论支持

【讨论】：

【解决方案3】：

我目前正在使用JScript Editor Extensions 作为Brian Grinstead 的建议。如果它支持区域折叠，我还没有弄清楚如何。它确实支持 JavaScript 中的函数折叠。

还有JSEnhancements和JSOutlining。不过这两个都没试过。

此问题是this 和this 的部分重复。

【讨论】：