我鐘愛的Visual Studio前端開發(fā)工具/擴(kuò)展
怎么樣讓Visual Studio更好地編寫HTML5, CSS3, JavaScript, jQuery，換句話說就是如何更好地做前端開發(fā)。Visual Studio 2010不管是旗艦版還是免費版都沒有對前端開發(fā)方面做充分的優(yōu)化。不要希望VS默認(rèn)安裝這些東西，我們有很多VS的擴(kuò)展可是使用。
這篇帖子里你可以看到有一組我喜愛的擴(kuò)展和工具能讓Visual Studio在web開發(fā)方面更簡單，我只是集中在我安裝和使用過的一些工具，如果你還有其它好用的的話，請在這里留言。
這里列出的大多數(shù)擴(kuò)展都可以使用Extension Manager (Tools > Extension Manager)來安裝，你可以通過Visual Studio Gallery網(wǎng)站下載這些擴(kuò)展。
Web Standards Update for Visual Studio
下載：Web Standards Update for Microsoft Visual Studio 2010 SP1
這是***個我推薦的關(guān)于編輯HTML5, CSS3和JavaScript代碼的擴(kuò)展 ，由微軟的Visual Web Developer team開發(fā)，包括了HTML5 schema的支持，改進(jìn)了CSS3和JavaScript的智能提示。盡管Visual Studio Service Pack 1提供了一些HTML5 schema的支持，但是我推薦使用這個(應(yīng)該是***的)。關(guān)于此的更多信息，請訪問：Web Standards Update - behind the scenes
JScript Editor Extensions
你可能習(xí)慣了C#里的語法高亮，區(qū)域大綱折疊等功能，JavaScript默認(rèn)是不支持的，這個插件就是做這個事情的。
安裝JScript Editor擴(kuò)展以后，你可以對以下不同的擴(kuò)展進(jìn)行開啟和禁用：Brace Matching，JScript Intellisense <Para>
請查看Channel9上的關(guān)于該擴(kuò)展的一個應(yīng)用視頻。
Mindscape Web Workbench
Scott Hanselman有個帖子專門講解了Visual Studio下的“Mindscape Web Workbench”擴(kuò)展， 它加入了對CoffeeScript, SAAS和LESS的支持。擔(dān)心有太多的擴(kuò)展?沒必要，作為開發(fā)人員是很有必要的。
◆ Coffeescript: CoffeeScript是一個能將代碼編譯成JavaScript的語言。
◆ SAAS: Sass是一個關(guān)于CSS3的擴(kuò)展，添加了variables, mixins,選擇器集成等功能。它可以標(biāo)準(zhǔn)化和格式化CSS代碼，使用VS的擴(kuò)展可以自動格式化代碼。
◆ LESS: LESS和SASS類型也是提供了對variables, mixins的支持，但是他提供一個了服務(wù)器端服務(wù)器以及將代碼轉(zhuǎn)化成標(biāo)準(zhǔn)CSS的插件(通過在客戶端運行一個JavaScript類庫)。
JSLint.VS2010
當(dāng)你看到JSLint名稱的時候，你可能感覺到不用JavaScript就沒辦法做前端開發(fā)。但是如何使用一些模式以及驗證你的JS代碼，JSLint可以為你做這件事。使用這個插件可能剛開始會讓你感覺不爽，因為他使用了很多類似C#的規(guī)則(例如，某些變量聲明了但是沒使用)在編譯的時候提示警告。但是一旦過了一段時間以后，你就會發(fā)現(xiàn)它確實幫你改掉了很多壞習(xí)慣，也讓你的代碼更加容易維護(hù)。
(可以看到，代碼盡管可以運行，但是提示了很多警告)
你也可以查看它的在線版本：http://jslint.com
jQuery IntelliSense
asp.net MVC3項目創(chuàng)建的時候就已經(jīng)包含jQuery和jQuery智能提示的文件了，如果你想再其它類型的項目使用jQuery智能提示，可以通過下載jQuery.vsdoc的NuGet包來實現(xiàn)，不過jQuery1.6以后的版本默認(rèn)在NuGet包里已經(jīng)包含了該vsdoc文件了，不用在單獨下載了。
Image Optimizer (by Mads Kristensen)
Visual Studio的擴(kuò)展工具Image Optimizer使用SmushIt和PunyPNG來優(yōu)化壓縮圖片，在項目圖片文件夾下運行這個擴(kuò)展可以將該目錄下所有的圖片文件進(jìn)行壓縮。壓縮比率通常在15%到40%。
其它未經(jīng)測試的工具
◆ JSEnhancements：和JSscript Editor擴(kuò)展類似，提供大綱和JavaScript/CSS高亮
◆ Chirpy: 處理Js, Css, 和DotLess文件的VS add-in
◆ ReSharper 6, 很多開發(fā)人員都已經(jīng)使用的工具，支持JavaScript和CSS(收費軟件)。
ASP.NET MVC & HTML5 templates
通過NuGet為MVC3項目下載該模板，該模板支持更多新型的HTML5元素 (例如input的type新類型Email,Tel,URL等)，確切的說這不是一個工具，不過由于挺有意思的，所以在這個帖子里列出了。
如果大家有任何好的工具，請在留言里回復(fù)，多謝。
原文地址：http://blogs.msdn.com/b/katriend/archive/2011/09/12/my-favorite-tools-to-optimize-visual-studio-for-webdev.aspx
【編輯推薦】
