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