讓Visual Studio 也支援JS代碼折疊

有兩種方法，第一種是設定宏，第二種是軟體。

1：宏

-

前言

      Visual Studio的代碼折疊功能非常好用，#region #endregion 這個詞連搜狗的詞庫裡面都出現了(不含'#'号)，可見使用頻率很高，但是他不支援js的代碼折疊 : ( 最近Ext用得比較多，一寫就是上百行JS代碼，非常不友善，想着自己寫個擴充或插件什麼的，意外搜到了下面的文章，已經用宏來實作了，本文可以了解為該文的簡單譯本，注意宏代碼部分我有所改動 : )

文章

環境

      Microsoft Visual Studio 2008

正文

      1.      打開宏資料總管:視圖 -> 其他視窗 -> 宏資料總管

　　

6/25/2009 12:29:32 PM

      2.      建立一個新子產品

　　3.　　編輯宏:　　選中子產品 -> 右鍵編輯

儲存即可。這裡可以省去建立宏的步驟，他會根據代碼自動給你生成一個宏的。

　　注意我加的代碼段，如果不加，并且你的JS最後一行為#endregion，宏将報錯，顯示“值不在預期的範圍内”。

　　4.　　設定快捷鍵

　　4.1　　工具 -> 選項 - > 環境 -> 鍵盤

　　4.2　　在顯示指令包含下面的文本框中輸入宏名outli，不用輸全，下面能顯示你建立的宏

　　4.3　　點一下 按快捷鍵 下面的文本框， 然後自定義快捷鍵組合，我定義的是Ctrl+M,Ctrl+J，點配置設定(别忘了！)，點确定。

　　5.效果

　　5.1　　輸入代碼:

//aasdsadsad

//#region

//#endregion

　　5.2　　快捷鍵Ctrl+M,Ctrl+J啟動宏，能看到系統的右下角顯示可愛的小方塊在轉動，js編輯框顯示效果如下：

　　　　

　　5.3　　之後就可以用快捷鍵Ctrl+M,Ctrl+L來[展開/折疊]代碼了，注意關閉之後重新打開需要再啟動一次宏，展開效果如下:

　　 

結束

2：軟體

 SmartOutline

                  2.2.2      安裝插件 SmartOutline_v1.1.msi ，下一步下一步就行。工具欄會出現SmallOutline，可能需要重新開機VS。

                  2.2.3      編寫測試代碼，依次按步驟：

                  2.2.3.1      選中要折疊的函數，出現如下提示

　　　　　　　　

6/25/2009 12:36:40 PM

                        2.2.3.2      點選提示或輸入組合快捷鍵 Alt+S、Alt+C ，彈出如下對話框，輸入JS代碼折疊後顯示的注釋名

                        2.2.3.3      最終效果