C#代碼段,支持JavaScript的Region代碼塊

問題

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

 

 

 

出處:https://www.cnblogs.com/codealone/p/3647127.htmlcode

相關文章
相關標籤/搜索