前言

上文让JS代码折叠的功能能用了，本文将对代码继续改进以期更好用、更实用，随后有介绍Visual Studio JS方面的几个插件。

文章

1.      VS2003折叠代码的Micro

2.      MSDN

3.      Document Outline for Client Script in Visual Studio 2005

正文

一、继续上文改造，主要是支持region 后面跟注释和显示注释

　　　　1.1　　效果图，这里就不贴步骤了，上文有详细的步骤。

　　　　1.2　　宏代码，修改上文使用的宏即可。

　　　　1.3　　注意

　　　　　　1.3.1.　　由上文的"//#region" 、"//#endregion"修改成了本文的"//region"和"//endregion" 。

　　　　　　1.3.2 　　如果想把"//region"这一行也隐藏掉只剩下"...",只需要将宏代码"intCollapseStart = startRegions.Pop() + 1"后面的"+1"去掉即可。遗憾的是没能弄出C# 折叠的那种效果出来。

　　　　　　1.3.3　　如果还想支持if for 等关键字的折叠，强烈推荐文章1，本文也是在此文的基础上修改的，改正了"//region"后面不能接注释的缺陷。

　　二、支持JS的Visual Studio插件

2.1      ScriptOutline      从试用的情况看来并没有折叠，但是他显示了方法大纲，且无需设置快捷键，作为插件和VS集成，同样能达到快速找到方法的目的。参照文章3。

2.1.1      下载插件：      http://www.geocities.com/evgenypages/ScriptOutline.zip

2.1.2      拷贝压缩文件中的ScriptOutline.AddIn、ScriptOutline.dll到目录 C:\Documents and Settings\<username>\My Documents\Visual Studio 2005\Addins

如果Addins目录没有的话自己建一个就行。

2.1.3      工具(Tools) -> 外部程序管理器(Add-in Manager...)，勾上ScriptOutline插件，确定即可显示Script Outline窗口。

2.1.4      编写测试代码，效果如图：

藉此我们可以在方法间快速切换！注意这里使用的环境是Microsoft Visual Studio 2005。

2.2      SmartOutline

2.2.1　　下载 http://submain.com/download/smartoutline/ 输入邮箱地址点下载即可。

2.2.2      安装插件 SmartOutline_v1.1.msi ，下一步下一步就行。工具栏会出现SmallOutline，可能需要重启VS。

2.2.3      编写测试代码，依次按步骤：

2.2.3.1      选中要折叠的函数，出现如下提示

2.2.3.2      点击提示或输入组合快捷键 Alt+S、Alt+C ，弹出如下对话框，输入JS代码折叠后显示的注释名

2.2.3.3      最终效果

　　　　　　2.2.4　　总结

　　　　　　　　比较之下还是这个最好用，如下优点：

　　　　　　　　a).　　不污染源代码，和C#里面写#region的效果一样。

　　　　　　　　b).　　折叠效果好，能显示折叠后代码块的注释，不需要像宏那样关掉之后重新激活。

　　　　　　　　c).　　此插件同时支持VS2005和VS2008，不仅如此，还支持C#、HTML、CSS等，可以从SmallOutline -> General -> Enable SmallOutline for the following files下面的列表里看到支持的其他文件。

2.3      JavaScript Function Outliner插件 也请大家关注和支持此园友的插件 : )

结束

　　宏是个好东东，虽然有现成的插件用，仍然假借这个机会来学习一翻，甚至有想法通过宏来辅助ORM工具生成一些代码，以及对代码生成均有参考价值:)

本博Visual Studio相关文章

　　1.　　Visual Studio 让JS也支持代码折叠 [ Visual Studio | #region | #endregion ]

　　2.　　Visual Studio 模板 —— 自定义WebForm模板

　　3.　　用Visual Studio 2005/2008提取EXE文件中的资源[图片|htm|光标文件]

　　4.　　Microsoft Visual Studio 2005 快捷键提示

　　5.　　Visual Studio 在根目录下运行文件系统站点 [ Visual Studio | 文件系统 | WebDev.WebServer.EXE ]