问题
Web Essentials 是很是给力的js插件,具体的介绍,你们请看这里,最锋利的Visual Studio Web开发工具扩展:Web Essentials详解 。css
不过在使用的过程当中,让js折叠,须要本身手动输入//#region //#endregion 。html
感受不太方便,能不能像C#同样,直接选中一段代码,而后用region包裹起来,或者输入region,按个Tab,就自动出来了。工具
解决方案
解决问题的方向很重要,在C#里,region是做为代码段存在的。想必,咱们编写一个适用于JavaScript的模版就行了。post
通过查找资料,最后编写代码段模版以下:开发工具
<?xml version="1.0" encoding="UTF-8"?> <CodeSnippets xmlns="http://schemas.microsoft.com/VisualStudio/2005/CodeSnippet"> <CodeSnippet Format="1.0.0"> <Header> <Title>#region</Title> <Shortcut>region</Shortcut> <Description>#region 的代码段</Description> <Author>Microsoft Corporation</Author> <SnippetTypes> <SnippetType>Expansion</SnippetType> <SnippetType>SurroundsWith</SnippetType> </SnippetTypes> </Header> <Snippet> <Declarations> <Literal> <ID>name</ID> <ToolTip>区域名</ToolTip> <Default>MyRegion</Default> </Literal> </Declarations> <Code Language="JavaScript"><![CDATA[//#region $name$ $selected$ $end$ //#endregion]]></Code> </Snippet> </CodeSnippet> </CodeSnippets>
先来看看效果图。this
操做说明
下载文件: jsregion.Zipspa
文件中,目录层次结构我已经建立完毕,该目录仅仅就包含一个文件,将该目录与VS安装目录合并便可。
在js里输入region按一下Tab便可生成region区域代码。
也能够选中一段代码,右键点击外侧代码,选中region包裹选中代码。
在css中输入region提示add region 点击便可。
不明白能够再看看图片哦。
最后,该方案适用于js代码成千上万行的状况,写多了会影响效率,建议发布时压缩一下。插件