讓JavaScript像C#一樣支持Region

問題

　　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代碼成千上萬行的情況，寫多了會影響效率，建議發布時壓縮一下。