问题

　　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>#regionTitle>
      <Shortcut>regionShortcut>
      <Description>#region 的代码段Description>
      <Author>Microsoft CorporationAuthor>
      <SnippetTypes>
        <SnippetType>ExpansionSnippetType>
        <SnippetType>SurroundsWithSnippetType>
      SnippetTypes>
    Header>
    <Snippet>
      <Declarations>
        <Literal>
          <ID>nameID>
          <ToolTip>区域名ToolTip>
          <Default>MyRegionDefault>
        Literal>
      Declarations>
      <Code Language="JavaScript">//#region $name$

        $selected$ $end$

    //#endregion]]>Code>
    Snippet>
  CodeSnippet>
CodeSnippets>

　　　先来看看效果图。

操作说明

　　下载文件： jsregion.Zip

　　文件中，目录层次结构我已经创建完毕，该目录仅仅就包含一个文件，将该目录与VS安装目录合并即可。

　　在js里输入region按一下Tab即可生成region区域代码。

　　也可以选中一段代码，右键点击外侧代码，选中region包裹选中代码。

    在css中输入region提示add region 点击即可。
    不明白可以再看看图片哦。

　　最后，该方案适用于js代码成千上万行的情况，写多了会影响效率，建议发布时压缩一下。

出处：