【轉】角落的開發工具集之Vs(Visual Studio)2017插件推薦
因為最近錄制視頻的緣故,很多朋友都在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代碼生成器了,如下圖。
相關課程介紹:
Asp.NET Core2.0 項目實戰入門視頻課程_完整版
歡迎關註微信公眾號:角落的白板報
我是角落的白板筆,這個是我的博客。
【轉】角落的開發工具集之Vs(Visual Studio)2017插件推薦