建站
咨詢
售后
建站咨詢
新聞中心
怎么樣讓Visual Studio更好地編寫HTML5, CSS3, JavaScript, jQuery，換句話說就是如何更好地做前端開發(fā)。Visual Studio 2010不管是旗艦版還是免費版都沒有對前端開發(fā)方面做充分的優(yōu)化。不要希望VS默認(rèn)安裝這些東西，我們有很多VS的擴展可是使用。
創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比察布查爾錫伯網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式察布查爾錫伯網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋察布查爾錫伯地區(qū)。費用合理售后完善，十余年實體公司更值得信賴。
這篇帖子里你可以看到有一組我喜愛的擴展和工具能讓Visual Studio在web開發(fā)方面更簡單，我只是集中在我安裝和使用過的一些工具，如果你還有其它好用的的話，請在這里留言。
這里列出的大多數(shù)擴展都可以使用Extension Manager (Tools > Extension Manager)來安裝，你可以通過Visual Studio Gallery網(wǎng)站下載這些擴展。
Web Standards Update for Visual Studio
下載：Web Standards Update for Microsoft Visual Studio 2010 SP1
這是***個我推薦的關(guān)于編輯HTML5, CSS3和JavaScript代碼的擴展 ，由微軟的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
下載：JScript Editor Extensions
你可能習(xí)慣了C#里的語法高亮，區(qū)域大綱折疊等功能，JavaScript默認(rèn)是不支持的，這個插件就是做這個事情的。
安裝JScript Editor擴展以后，你可以對以下不同的擴展進(jìn)行開啟和禁用：Brace Matching，JScript Intellisense
請查看Channel9上的關(guān)于該擴展的一個應(yīng)用視頻。
Mindscape Web Workbench
下載：Mindscape Web Workbench
Scott Hanselman有個帖子專門講解了Visual Studio下的“Mindscape Web Workbench”擴展， 它加入了對CoffeeScript, SAAS和LESS的支持。擔(dān)心有太多的擴展?沒必要，作為開發(fā)人員是很有必要的。
◆ Coffeescript: CoffeeScript是一個能將代碼編譯成JavaScript的語言。
◆ SAAS: Sass是一個關(guān)于CSS3的擴展，添加了variables, mixins,選擇器集成等功能。它可以標(biāo)準(zhǔn)化和格式化CSS代碼，使用VS的擴展可以自動格式化代碼。
◆ LESS: LESS和SASS類型也是提供了對variables, mixins的支持，但是他提供一個了服務(wù)器端服務(wù)器以及將代碼轉(zhuǎn)化成標(biāo)準(zhǔn)CSS的插件(通過在客戶端運行一個JavaScript類庫)。
JSLint.VS2010
下載：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)
下載：Image Optimizer
Visual Studio的擴展工具Image Optimizer使用SmushIt和PunyPNG來優(yōu)化壓縮圖片，在項目圖片文件夾下運行這個擴展可以將該目錄下所有的圖片文件進(jìn)行壓縮。壓縮比率通常在15%到40%。
其它未經(jīng)測試的工具
◆ JSEnhancements：和JSscript Editor擴展類似，提供大綱和JavaScript/CSS高亮
◆ CSS 3 intellisense schema
◆ 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
【編輯推薦】
- 推薦5個免費項目管理工具
- Web開發(fā)者必備的JavaScript單元測試工具
- 10款非常優(yōu)秀的HTML 5開發(fā)工具推薦
- Ruby開發(fā)者應(yīng)該熟悉的10個工具
- 10個免費的PHP編輯器/開發(fā)工具推薦
分享標(biāo)題：我鐘愛的Visual Studio前端開發(fā)工具/擴展
當(dāng)前網(wǎng)址：http://www.dlmjj.cn/article/cccpijp.html
