前言

前兩天剛把公司電腦系統(tǒng)和開(kāi)發(fā)環(huán)境的重新安裝http://www.cnblogs.com/aehyok/p/3603149.html，主要是由于公司電腦配置稍微低了一些，運(yùn)行、調(diào)試太慢，又因?yàn)橐鲂碌捻?xiàng)目了，想讓自己的開(kāi)發(fā)效率稍微高點(diǎn)，所以重新重新安裝。雖然VS2010IDE功能已經(jīng)非常強(qiáng)大了，但是在有些地方還是可以?xún)?yōu)化，或者說(shuō)有更合適的插件可以讓我們用著更舒服、更方便、更快捷，本著提高開(kāi)發(fā)效率的目的，于是搜羅了一下適合自己平時(shí)使用的輔助工具。

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

JScript Editor Extensions——折疊JavaScript代碼

由于最近寫(xiě)的JavaScript稍微多了一點(diǎn)，然后在查看的時(shí)候就很不方便，總是要拖動(dòng)滾動(dòng)條來(lái)查找。于是就想著這JavaScript代碼能否像在C#代碼一樣可折疊呢？這款工具可直接通過(guò)VS的擴(kuò)展管理器中進(jìn)行下載，如下所示：

下載安裝完之后，您只要重啟一下VS就可以查看到效果了，查看效果如下：

Javascript parser——樹(shù)形狀查看JS代碼

同樣這款工具可以通過(guò)VS的擴(kuò)展管理器直接獲得：

同樣下載安裝重啟VS，來(lái)查看效果。重啟VS之后首先在菜單中視圖===其他窗口===JavaScript Parse。

點(diǎn)擊工具之后出現(xiàn)

就這樣查看JavaScript代碼是方便多了。

VSCommands 

VSCommands是微軟的Visual Studio一個(gè)擴(kuò)展工具。

具有流利的代碼導(dǎo)航、智能編碼輔助 和其他良好改進(jìn)功能。VSCommands 可以與Visual Studio無(wú)縫集成 。

功能蠻多的，在此就不一一列舉了，有興趣的朋友可以下載嘗試一下，我是剛發(fā)現(xiàn)的，有些功能還在摸索中。

#p#

devColor——顏色提取器

我也不知道該取個(gè)啥名字，暫且就叫它為顏色提取器。對(duì)于前端開(kāi)發(fā)人員用處應(yīng)該蠻大的。 

可直接預(yù)覽CSS中的各種預(yù)設(shè)顏色，也可以隨時(shí)編輯顏色很方便。

Code Compare——代碼比對(duì)工具

此工具可直接下載安裝進(jìn)行關(guān)聯(lián)VS就可以了，下面是對(duì)比的效果，直接將兩邊不一樣的地方給我們關(guān)聯(lián)了，看上去很清晰。

Web Essentials

;

這個(gè)工具功能確實(shí)很強(qiáng)大，這里要多謝@軒轅劍 博友。

可以及時(shí)預(yù)覽網(wǎng)頁(yè)效果、兼容的CSS代碼的生成、上下箭頭可以改變數(shù)字值、可以生產(chǎn)Base64格式的字符串代替URL地址等等功能，具體功能介紹可以參考http://www.cnblogs.com/TomXu/archive/2011/11/22/2258849.html。功能確實(shí)強(qiáng)大，幾乎可以把我用的這幾個(gè)工具功能都涵蓋了，太牛了。

Productivity Power Tools

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

之二就是查看代碼結(jié)構(gòu)圖直接找到想找到的地方

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

總結(jié)

暫且就使用這幾個(gè)擴(kuò)展輔助工具，當(dāng)然還有其他神器——ReSharper，不過(guò)電腦不行，用不起。希望對(duì)像我一樣的菜鳥(niǎo)能有所幫助，也希望園子里的大牛也多多提供一些新的好用的小工具。同時(shí)這些工具針對(duì)VS2012、VS2013也都有相應(yīng)的版本額。

原文鏈接：http://www.cnblogs.com/aehyok/p/3606219.html