Visual Studio 2015和ASP.NET 5中可用的前端開發工具集


最近微軟發布了一本白皮書,談到了一些可以和Visual Studio 2015和ASP.NET 5配合使用的JS/前端Web開發工具(比如:函數庫、任務執行器、框架等)。

由於現在前端開發的生態系統在快速增長,也變得越來越復雜和龐大。所以,微軟特意發布了這么一個白皮書來講解一些可以集成到VS 2015用於ASP.NET 5開發的前端工具庫。這些前端工具庫,都能很好的被VS2015所支持,比如提供智能提示等內置特性。

每個涉及的工具庫都給出了入門介紹、基本概念,以及在VS和ASP.NET中的用法。這個白皮書完全就是一個非常難得的前端開發入門手冊。

具體涉及到的工具庫有:

  • 流行的JS任務執行器:Grunt和Gulp。兩者都可以自動對腳本進行壓縮、對TypeScript編譯、對代碼質量進行分析、對CSS進行預處理等。兩者的區別在於,Grunt出現的較早,使用相對廣泛;而Gulp出現較晚,但是相對輕量級性能也更好。VS2015默認使用Grunt,當然Gulp也可以很容易使用。
  • 包管理器:NPM和Bower。雖然兩者都是包管理器,不過NPM更多是安裝開發環境的包,Bower是安裝運行環境的前端包。所以白皮書着重介紹的Bower。同時VS2015也直接通過Bower來加載前端庫。另外,對於node.js,前不久微軟剛剛發布了node.js Tools for Visual Studio,可以讓大家很方便的在VS中開發node.js應用。
  • 自適應Web框架:Bootstrap。大名鼎鼎的Bootstrap我想就不用過多介紹了。之前要使用Bootstrap只能通過NuGet來安裝,現在也可以使用Bower、npm來安裝。
  • 美化應用程序:Less、Sass和Font Awesome。Less和Sass都CSS預處理工具庫。而Font Awesome提供大量的矢量圖標可以免費使用。
  • 企業級JavaScript開發:TypeScript。此白皮書對TS給出了一個非常好的入門向導。同時講到現在一些流行的js庫(比如jQuery、angularjs、Boostrap、d3、requirejs、knockoutjs、node.js)都提供了TS的定義接口文件。我之前也談到了TypeScript可能會“脫穎而出”——見文章“TypeScript的崛起”。
  • MVVM函數庫:KnockoutJS。一個很好支持Model-View-ViewModel模式的前端函數庫。當然Knockout並非一個完整的SPA(單頁應用)庫,需要配以Durandal和Requirejs才能更好的開發大型js應用。
  • MVC函數庫:Backbone。顧名思義,一個可以讓你以MVC模式來實現前端開發的函數庫。不過,你可以只使用其中的一部分功能,這樣方便遷移和入門。
  • SPA框架:AngularJS。不僅介紹了1.x的入門和關鍵組件的使用。還簡要介紹了Angular 2.0。
  • 可重用的UI組件框架:ReactJS。ReactJS主要是用來構建可重用的UI組件的,可以和MVC或MVVM框架配合,來更方便的開發視圖部分。

通過閱讀這個白皮書的內容,基本可以了解如何在VS2015中使用這些流行前端工具庫。在我看來,VS2015對於.NET程序員而言(也即后端使用ASP.NET相關技術開發),絕對是首選的前端開發IDE了。

下載白皮書下載地址:http://www.microsoft.com/en-us/download/details.aspx?id=46417


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM