“ 工具善其事，必先利其器！裝好這些外掛讓vs更上一層樓”

因為最近錄製視訊的緣故，很多朋友都在QQ群留言，或者微信公眾號私信我，問我一些工具和一些外掛啊，怎麼使用的啊？那麼今天我忙裡偷閒整理一下清單，然後在這裡面公佈出來。

Visual Studio 2017 擴充套件

Visual Studio 2017 15.4.4 : 目前是最新的版本號，所有的工具&外掛都支援這個版本號。所以請對號入座。

• ReSharper : 首先的是Resharper,這個基本是目前是我開發過程中必備的工具集，唯一的缺點就是吃記憶體，所以你的記憶體要是低於8G，就不要使用它了。它的特點可以快速重構、高亮顯示錯誤、導航和搜尋都很方便、智慧提示、智慧複製

  這個我特別喜歡等等，用著它你會感受到很多驚喜。

• Extensibility Tools :必備工具，他是基於visual studio上的拓展功能，增加了編碼顯示、智慧感知、強化智慧提示、程式碼段處理、自動提示html的標籤工具等特點，而且下面提到的部分工具也是基於它的強化。

• GitHub Extension for Visual Studio: 在Visual Studio中連線到GitHub的外掛，直接在外掛上管理github上的大部分功能都涵蓋了。你如果不知道github是啥，請自行搜尋。

• BrowserSync: ASP.NET專案的Visual Studio擴充套件，利用Browser Link來同步表單域項，頁面導航和滾動位置。簡單來說就是你在開發的時候同時打開了5個頁面，它可以幫助你同時重新整理這5個頁面。

• Browser Reload on Save : 這個工具可以和上面的BrowserSync
  工具配合，你在修改某個頁面的時候，儲存了同時所有的頁面都會自動儲存及重新整理哦。

• CodeMaid： 可快速整理程式碼檔案，清理不必要的程式碼和雜亂的格式。並在開發時實時提供程式碼複雜度的報告，以便幫助開發人員降低程式碼複雜度、提高程式碼質量。

• ImageOptimizer: 它是一個圖片的優化工具，優化任何JPEG，PNG、Gif 格式的圖片檔案，基本可以做到無損優化，1M的圖片優化後只有300KB左右。

• ImageSprites: 少俠，聽過雪碧圖嗎？這就是個雪碧圖外掛。幫助我們把所有的圖片都整合在一個圖片上，以降低對伺服器的請求數量和節約我們的流量。

• Web Compiler : 幫助我們對LESS, Sass, JSX, ES6 和CoffeeScript 這些檔案做解析，當然功能比這個要強大點，但是我基本只用了它們，如果你用了前後端分離。估計這個外掛就要退出舞臺了。

• Bundler & Minifier:將多個js或者css檔案合併為一個檔案。道理和雪碧圖一樣，但是如果你用了前後端分離。估計這個外掛就要退出舞臺了。

• File Differ: 顧名思義用於比較兩個檔案的不同之處，自己想想業務場景，是不是很需要啊。

• File Icons : 為解決方案資源管理器無法識別的檔案新增圖示。簡單來說根據字尾名把檔案圖示改改。

• File Nesting : 幫助您將兩個檔案巢狀在一起，也可以把巢狀在一起的檔案拆開。場景：bootstrap.js可以和bootstrap.min.js折騰成一個檔案。

• Open Command Extension:支援所有型別的控制檯，如cmd，PowerShell，Bash等等。您可以通過在選項中設定路徑和引數來輕鬆配置使用哪一個。

• Indent Guides:為縮排新增豎線。

• ZenCoding 使用仿CSS選擇器的語法來快速開發HTML和CSS ——由Sergey Chikuyonok開發，可以快速提升你的寫HTML頁面的速度。當然它現在改名叫做“Emmet”了，但是在VS裡面依然叫做ZenCoding。GitHub地址：ZenCoding

• Markdown Editor:一個在visual studio 中的markdown工具，雖然在VS中用markdown工具有點殺雞用牛刀但是偶爾還是比較實用的。

• CSS AutoPrefixer: 這個工具就可以檢測你的CSS，也支援變數、混合巨集、未來的CSS特性，內聯影象等等。內建了PostCSS 讓你少些很多字首程式碼。

• HTML Snippet Pack: 幫助你快速寫HTML頁面提供的程式碼段，作用和ZenCoding類似。

• Bootstrap Snippet Pack : 使用Bootstrap框架的網頁開發人員的程式碼片段包，超級實用。配合ZenCoding如有神助。

• JavaScript Snippet Pack : 顧名思義，JS的程式碼段快速工具。

最後推薦它

• ABP Code Generator: ABP框架配套的程式碼生成器，用於大家在日常開發過程中節約時間，把更多的精力放於業務邏輯的處理中。目前支援.net framework版本，暫時不支援.net core。這個是我自己做的工具，喜歡abp框架的可以下載配套和它一起使用。

如何安裝

1 你可以開啟“https://marketplace.visualstudio.com/vs” 將名字逐一的複製進去，然後搜尋下載安裝。

2 另外一種方式,開啟VS 找到工具選單欄下面的擴充套件和更新，進行搜尋yoyocms就可以下載ABP程式碼生成器了，如下圖。

相關課程介紹：

點選閱讀原文可以檢視有超連結的版本哦。

原文地址:http://www.cnblogs.com/wer-ltm/p/8179660.html

.NET社群新聞，深度好文，歡迎訪問公眾號文章彙總 http://www.csharpkit.com