VisualStudio2010前端開發(fā)工具和擴展以及插件的有哪些-創(chuàng)新互聯(lián)

VisualStudio2010前端開發(fā)工具和擴展以及插件的有哪些，相信很多沒有經(jīng)驗的人對此束手無策，為此本文總結(jié)了問題出現(xiàn)的原因和解決方法，通過這篇文章希望你能解決這個問題。

我們提供的服務(wù)有：成都做網(wǎng)站、網(wǎng)站建設(shè)、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、常山ssl等。為1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的常山網(wǎng)站制作公司

怎么樣讓Visual Studio更好地編寫HTML5, CSS3, JavaScript, jQuery，換句話說就是如何更好地做前端開發(fā)。Visual Studio 2010不管是旗艦版還是免費版都沒有對前端開發(fā)方面做充分的優(yōu)化。不要希望VS默認安裝這些東西，我們有很多VS的擴展可是使用。
這里列出的大多數(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的支持，改進了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默認是不支持的，這個插件就是做這個事情的。

安裝JScript Editor擴展以后，你可以對以下不同的擴展進行開啟和禁用：Brace Matching，JScript Intellisense <Para>，Outlining and Word Highlighter. 有時候知道一些依賴擴展也是比較好的。例如JqueryUI依賴于Jquery。

請查看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,選擇器集成等功能。它可以標準化和格式化CSS代碼，使用VS的擴展可以自動格式化代碼。
   LESS: LESS和SASS類型也是提供了對variables, mixins的支持，但是他提供一個了服務(wù)器端服務(wù)器以及將代碼轉(zhuǎn)化成標準CSS的插件（通過在客戶端運行一個JavaScript類庫）。
JSLint.VS2010
下載：JSLint.VS2010
當(dāng)你看到JSLint名稱的時候，你可能感覺到不用JavaScript就沒辦法做前端開發(fā)。但是如何使用一些模式以及驗證你的JS代碼，JSLint可以為你做這件事。使用這個插件可能剛開始會讓你感覺不爽，因為他使用了很多類似C#的規(guī)則（例如，某些變量聲明了但是沒使用）在編譯的時候提示警告。但是一旦過了一段時間以后，你就會發(fā)現(xiàn)它確實幫你改掉了很多壞習(xí)慣，也讓你的代碼更加容易維護。

（可以看到，代碼盡管可以運行，但是提示了很多警告）
你也可以查看它的在線版本：http://jslint.com
jQuery IntelliSense
asp.net MVC3項目創(chuàng)建的時候就已經(jīng)包含jQuery和jQuery智能提示的文件了，如果你想再其它類型的項目使用jQuery智能提示，可以通過下載jQuery.vsdoc的NuGet包來實現(xiàn)，不過jQuery1.6以后的版本默認在NuGet包里已經(jīng)包含了該vsdoc文件了，不用在單獨下載了。

Image Optimizer (by Mads Kristensen)
下載：Image Optimizer
Visual Studio的擴展工具Image Optimizer使用SmushIt和PunyPNG來優(yōu)化壓縮圖片，在項目圖片文件夾下運行這個擴展可以將該目錄下所有的圖片文件進行壓縮。壓縮比率通常在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等），確切的說這不是一個工具，不過由于挺有意思的，所以在這個帖子里列出了。

看完上述內(nèi)容，你們掌握VisualStudio2010前端開發(fā)工具和擴展以及插件的有哪些的方法了嗎？如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

新聞名稱：VisualStudio2010前端開發(fā)工具和擴展以及插件的有哪些-創(chuàng)新互聯(lián)
瀏覽路徑：http://bm7419.com/article42/dicpec.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、App設(shè)計、ChatGPT、品牌網(wǎng)站建設(shè)、網(wǎng)站收錄、品牌網(wǎng)站設(shè)計

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)