在Visual Studio 2010中，Javascript中的区域/代码折叠

Question

在Visual Studio 2010的JS文件中，是否可以创建代码区域？

这种方法在2005年可行，但我无法在2010年使其工作。

- Mr. Flibble

---

试一下，如果编译器报错了，那显然是行不通的。 ;) - Zack

我遇到了问题。我在为宏添加键盘快捷方式时卡住了。我以前从未使用过VS宏，所以可能是我做了一些傻事。当我尝试为它分配键盘快捷方式时，该宏似乎不会出现在列表中。你有任何想法为什么会发生这种情况吗？ - Mr. Flibble

哦，在搜索框中输入“宏”。它会自动显示所有的宏。这里是关于此的完整教程：http://blog.devarchive.net/2008/04/using-region-directive-with-javascript.html - Zack

谢谢Zack。我按照那个教程做了，但不知道为什么宏没有显示出来。 - Mr. Flibble

它还是没有出现吗？：\ - Zack

Answer 1

这是一个非常酷的VS2010插件，用于JavaScript和CSS的大纲显示。 http://jsoutlining.codeplex.com/

- Alex Yeung

---

微软现在为VS2010提供了一个扩展程序，可以提供这个功能（请参见下面我的回答中的链接）。 - BrianFinkel

Answer 2

微软现在为VS2010提供了一个扩展功能来实现这个功能：

JScript编辑器扩展

- BrianFinkel

---

@BrianFinkel 我该如何使用 JScriptEditor 扩展创建区域？ - Nick

那是个好问题。我不确定。如果我找到答案，我会告诉你。 - BrianFinkel

太棒了...JS文件可能会变得非常难以阅读，但这使它更易于管理！！ - afreeland

我安装了它，但它显著增加了我的ASPX页面的保存时间。我不得不禁用它。 - oscilatingcretin

我没有遇到过这个问题。你的ASPX页面中有大量的JavaScript吗？ - BrianFinkel

@Nick，对我来说有效的方法是在部分名称前添加注释，例如//MySection，然后在大括号{}中添加代码。 - J.J

Answer 3

JSEnhancements插件为Visual Studio提供了很好的解决方案。

- Joel Harris

Answer 4

Visual Studio 11 的高级 JavaScript 大纲功能现在可以通过扩展管理器或以下 URL 在 VS2012 中使用。

http://visualstudiogallery.msdn.microsoft.com/4be701d8-af03-40a4-8cdc-d2add5cde46c?SRC=VSIDE

- Eric J.

Answer 5

在VS 2015中，您可以像这样创建一个块来包含您的“区域”。

{ //My little region
  function misc()...
  var x = '';
  //etc...
  ...
}

然后只需折叠该块。在所有旧版本的Visual Studio上也可能如此。

- Wolf5

Answer 6

这里有一篇有趣的文章：http://blog.devarchive.net/2008/04/using-region-directive-with-javascript.html，介绍了如何在Visual Studio中使用宏来实现此功能。

希望对你有所帮助。 更新 我刚刚意识到有人已经在评论中引用了这个链接。

- Jamie Dixon

Answer 7

尽管已安装了VS扩展，但我遇到了一些脚本块不正确地进行轮廓的独特问题，后来发现这是因为脚本中使用了@Url.Content标记，只需用简单的字符串URL替换它即可使轮廓正常工作。想分享一下，如果有帮助的话。

- rcp

Answer 8

另一个伟大的 Visual Studio 2012 扩展是 Web Essentials 2012。 甚至还有一堆很酷的工具可以用于 TypeScript、LESS 和 CoffeeScript。

http://vswebessentials.com/

- kwrl