前言
多謝博友@軒轅劍 給我提供的Web Essentials,功能太強大了,太贊了,多謝了。希望更多的博友受益。
JScript Editor Extensions——折疊JavaScript代碼
由于最近寫的JavaScript稍微多了一點,然後在檢視的時候就很不友善,總是要拖動滾動條來查找。于是就想着這JavaScript代碼能否像在C#代碼一樣可折疊呢?這款工具可直接通過VS的擴充管理器中進行下載下傳,如下所示:
![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcugjMlZWOzQmMhVWY3ITNlJjY3ImNkBTO1UjZiBTZkFWYfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
下載下傳安裝完之後,您隻要重新開機一下VS就可以檢視到效果了,檢視效果如下:
Javascript parser——樹形狀檢視JS代碼
同樣這款工具可以通過VS的擴充管理器直接獲得:
同樣下載下傳安裝重新開機VS,來檢視效果。重新開機VS之後首先在菜單中視圖===其他視窗===JavaScript Parse。
點選工具之後出現
就這樣檢視JavaScript代碼是友善多了。
VSCommands
VSCommands是微軟的Visual Studio一個擴充工具。
功能蠻多的,在此就不一一列舉了,有興趣的朋友可以下載下傳嘗試一下,我是剛發現的,有些功能還在摸索中。
devColor——顔色提取器
我也不知道該取個啥名字,暫且就叫它為顔色提取器。對于前端開發人員用處應該蠻大的。
可直接預覽CSS中的各種預設顔色,也可以随時編輯顔色很友善。
Code Compare——代碼比對工具
此工具可直接下載下傳安裝進行關聯VS就可以了,下面是對比的效果,直接将兩邊不一樣的地方給我們關聯了,看上去很清晰。
Web Essentials
這個工具功能确實很強大,這裡要多謝@軒轅劍 博友。
可以及時預覽網頁效果、相容的CSS代碼的生成、上下箭頭可以改變數字值、可以生産Base64格式的字元串代替URL位址等等功能,具體功能介紹可以參考 http://www.cnblogs.com/TomXu/archive/2011/11/22/2258849.html。功能确實強大,幾乎可以把我用的這幾個工具功能都涵蓋了,太牛了。
Productivity Power Tools
這個工具我使用比較多的功能之一就是查到
之二就是檢視代碼結構圖直接找到想找到的地方
當然還有其他很多的功能大家可以參考http://www.cnblogs.com/multiplesoftware/archive/2011/02/24/1963381.html
總結
暫且就使用這幾個擴充輔助工具,當然還有其他神器——ReSharper,不過電腦不行,用不起。希望對像我一樣的菜鳥能有所幫助,也希望園子裡的大牛也多多提供一些新的好用的小工具。同時這些工具針對VS2012、VS2013也都有相應的版本額。