天天看點

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

工欲善其事,必先利其器,整理的一些我必裝的12款Visual Studio插件,希望你們能get到。

效率工具前文傳送門:

01 CodeMaid

CodeMaid快速整理代碼檔案,規範你的代碼,提高代碼閱讀體驗。代碼自動對齊,格式化代碼(ps:不用再按快捷鍵Ctrl+k+F了)

添加未指定的通路修飾符

清除無用的命名空間

删除空行、空格

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

推薦理由:我非常喜歡他的一點就是代碼自動格式化,良好的代碼前提是整理好你的代碼,在團隊協作開發時,送出代碼容易不小心改動一行或者一個空格, 這個工具可有效避免。

02 Markdown Editor

Markdown Editor一個在visual studio 中的markdown工具

功能齊全的Markdown編輯器,具有實時預覽和文法突出顯示功能。支援GitHub風格的Markdown。支援github風格

可直接黏貼圖檔

滾動實時預覽

文法高亮

可自定義樣式表

推薦理由:聽上去在Visual Studio中使用Markdown編輯器,似乎有點殺雞用牛刀,有些項目的文檔說明就是md格式的,遇到這種格式文檔,在VisualStudio中浏覽還是挺友善的

03 ReSharper

ReSharper不得不承認,這個工具的強大性、太便捷了,簡直是必備的開發工具快速重構

高亮顯示錯誤

智能提示、智能複制

便捷的導航、搜尋

推薦理由:有得必有失,唯一的缺點就是太吃記憶體了,如果你的電腦組態低于8G,還是不推薦使用,得不償失。

04 GitHub Extension for Visual Studio

GitHub Extension for Visual StudioVisual Studio的GitHub擴充程式可以輕松地直接在Visual Studio 2015或更高版本中連接配接并使用GitHub和GitHub Enterprise上的存儲庫。克隆現有存儲庫或建立新存儲庫,然後開始協作!

推薦理由:使用git做版本管理時,不管你是寫c#、python、android、ios、java、php,visual studio都支援。宇宙第一IDE,自然插件也是多而好用

05 ZenCoding

ZenCoding基于CSS的文法生成HTML标記的快速方法。要調用ZenCoding,請編寫文法并TAB按鍵以生成标記。

例子:

文法 ul> li * 3生成:

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

文法 #foo > span 生成:

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

文法ul> li * 4> a {test $}生成:

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

推薦理由:如果你是初學者,我并不推薦使用這款插件,作為老手,可以快速提升你的寫HTML頁面的速度。

06 CSS AutoPrefixer

CSS AutoPrefixer将基于目前浏覽器的流行程度和屬性支援使用資料為您應用字首。

例子::fullscreen a { display: flex }

調用指令後,可自動添加字首,確定支援所有浏覽器

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

:-webkit-full-screen a {

display: -webkit-box;

display: flex

}

:-moz-full-screen a {

display: flex

}

:-ms-fullscreen a {

display: -ms-flexbox;

display: flex

}

:fullscreen a {

display: -webkit-box;

display: -ms-flexbox;

display: flex

}

推薦理由:這個工具就可以檢測你的CSS,讓你少些很多字首代碼。也支援變量、混合宏、未來的CSS特性等等。

07 JavaScript Snippet Pack

JavaScript Snippet Packjavascript 代碼段快速工具

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

此擴充為JavaScript編輯器提供了一堆有用的代碼段,工具》代碼片段管理器進行設定

推薦理由:提高編寫javascript代碼,熟能生巧,用多了,你就會發現它的好處。

08 Indent Guides

Indent Guides在Visual Studio文本編輯器視窗中顯示縮進和頁面寬度代碼結構一目了然,提高代碼閱讀體驗。隻對VS2015和VS2013有用,VS2017之後的版本已經自帶該功能了

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件
vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

推薦理由:可規範代碼風格,提高閱讀體驗。VS2017之後的版本已經自帶該功能了

09 Colorful-IDE

Colorful-IDE用于更換Visual Studio的背景該插件基于開源項目“ ClaudiaIDE”。首先,該感謝“ ClaudiaIDE”項目的程式員了。該插件剛剛開源。這是git repo:https://github.com/peterjc123/ColorfulIDE

螢幕截圖:

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

推薦理由:如果你覺得Vs的背景太單調,你又是一個喜歡胡裡花哨的碼農,那麼我推薦你使用這款插件。

10 JSON Viewer

JSON Viewer用于顯示和處理JSON資料。安裝後,可以在主菜單中找到它:工具-> JSON Viewer。能夠從剪貼闆打開初步格式的JSON資料

可以打開空的臨時JSON檔案

比較兩個JSON資料的能力

評估JSONPath表達式的能力截圖1.開始視窗。

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

螢幕快照2.一個臨時檔案,顯示來自剪貼闆的初步格式化的JSON資料。

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

螢幕快照3. JSON資料比較。

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

在這裡插入圖檔描述

推薦理由:處理json資料非常友善。

11 Output enhancer

Output enhancer将output視窗的輸出的文字添加樣式值得趕緊試試的插件,給輸出内容着色。

vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件
vs2017 html插件推薦,收藏!推薦12個超實用的Visual Studio插件

推薦理由:調試bug的時候,不同的文字顔色,有利于快速識别,良心插件,值得推薦

12 讀者推薦

隻有11款,你有好用的插件可以評論出來哦,給讀者留個位置。

結語

後面如果你有好用的插件,也可評論指出,這12款插件哪一款你最喜歡用?