天天看點

VS2010幾款超贊的擴充輔助工具總結

前言

  多謝博友@軒轅劍 給我提供的Web Essentials,功能太強大了,太贊了,多謝了。希望更多的博友受益。

JScript Editor Extensions——折疊JavaScript代碼

由于最近寫的JavaScript稍微多了一點,然後在檢視的時候就很不友善,總是要拖動滾動條來查找。于是就想着這JavaScript代碼能否像在C#代碼一樣可折疊呢?這款工具可直接通過VS的擴充管理器中進行下載下傳,如下所示:

VS2010幾款超贊的擴充輔助工具總結

下載下傳安裝完之後,您隻要重新開機一下VS就可以檢視到效果了,檢視效果如下:

VS2010幾款超贊的擴充輔助工具總結

Javascript parser——樹形狀檢視JS代碼

 同樣這款工具可以通過VS的擴充管理器直接獲得:

VS2010幾款超贊的擴充輔助工具總結

同樣下載下傳安裝重新開機VS,來檢視效果。重新開機VS之後首先在菜單中視圖===其他視窗===JavaScript Parse。

VS2010幾款超贊的擴充輔助工具總結

點選工具之後出現

VS2010幾款超贊的擴充輔助工具總結

就這樣檢視JavaScript代碼是友善多了。

VSCommands 

  VSCommands是微軟的Visual Studio一個擴充工具。

VS2010幾款超贊的擴充輔助工具總結

功能蠻多的,在此就不一一列舉了,有興趣的朋友可以下載下傳嘗試一下,我是剛發現的,有些功能還在摸索中。

devColor——顔色提取器

我也不知道該取個啥名字,暫且就叫它為顔色提取器。對于前端開發人員用處應該蠻大的。 

VS2010幾款超贊的擴充輔助工具總結

可直接預覽CSS中的各種預設顔色,也可以随時編輯顔色很友善。

VS2010幾款超贊的擴充輔助工具總結

Code Compare——代碼比對工具

VS2010幾款超贊的擴充輔助工具總結

此工具可直接下載下傳安裝進行關聯VS就可以了,下面是對比的效果,直接将兩邊不一樣的地方給我們關聯了,看上去很清晰。

VS2010幾款超贊的擴充輔助工具總結

Web Essentials

VS2010幾款超贊的擴充輔助工具總結

這個工具功能确實很強大,這裡要多謝@軒轅劍 博友。

可以及時預覽網頁效果、相容的CSS代碼的生成、上下箭頭可以改變數字值、可以生産Base64格式的字元串代替URL位址等等功能,具體功能介紹可以參考 http://www.cnblogs.com/TomXu/archive/2011/11/22/2258849.html。功能确實強大,幾乎可以把我用的這幾個工具功能都涵蓋了,太牛了。

Productivity Power Tools

VS2010幾款超贊的擴充輔助工具總結

這個工具我使用比較多的功能之一就是查到

VS2010幾款超贊的擴充輔助工具總結

之二就是檢視代碼結構圖直接找到想找到的地方

VS2010幾款超贊的擴充輔助工具總結

  

當然還有其他很多的功能大家可以參考http://www.cnblogs.com/multiplesoftware/archive/2011/02/24/1963381.html

總結

 暫且就使用這幾個擴充輔助工具,當然還有其他神器——ReSharper,不過電腦不行,用不起。希望對像我一樣的菜鳥能有所幫助,也希望園子裡的大牛也多多提供一些新的好用的小工具。同時這些工具針對VS2012、VS2013也都有相應的版本額。

繼續閱讀