問題

　　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

總結

以上是生活随笔為你收集整理的让JavaScript像C#一样支持Region的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。