问题
Web Essentials 是非常给力的js插件,具体的介绍,大家请看这里,最锋利的Visual Studio Web开发工具扩展:Web Essentials详解 。
不过在使用的过程中,让js折叠,需要自己手动输入//#region //#endregion 。
感觉不太方便,能不能像C#一样,直接选中一段代码,然后用region包裹起来,或者输入region,按个Tab,就自动出来了。
解决方案
解决问题的方向很重要,在C#里,region是作为代码段存在的。想必,我们编写一个适用于JavaScript的模版就好了。
经过查找资料,最后编写代码段模版如下:
<?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>
先来看看效果图。
操作说明
下载文件: jsregion.Zip
文件中,目录层次结构我已经创建完毕,该目录仅仅就包含一个文件,将该目录与VS安装目录合并即可。
文件内容就是 上面 代码块里的内容
在js里输入region按一下Tab即可生成region区域代码。
也可以选中一段代码,右键点击外侧代码,选中region包裹选中代码。
在css中输入region提示add region 点击即可。
不明白可以再看看图片哦。
最后,该方案适用于js代码成千上万行的情况,写多了会影响效率,建议发布时压缩一下。
转载于:https://www.cnblogs.com/codealone/p/3647127.html