ASP.NET5中可用的前端開發(fā)工具有哪些

這篇文章主要講解了“ASP.NET5中可用的前端開發(fā)工具有哪些”，文中的講解內(nèi)容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“ASP.NET5中可用的前端開發(fā)工具有哪些”吧！

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

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

具體涉及到的工具庫有：

• 流行的JS任務執(zhí)行器：Grunt和Gulp。兩者都可以自動對腳本進行壓縮、對TypeScript編譯、對代碼質(zhì)量進行分析、對CSS進行預處理等。兩者的區(qū)別在于，Grunt出現(xiàn)的較早，使用相對廣泛；而Gulp出現(xiàn)較晚，但是相對輕量級性能也更好。VS2015默認使用Grunt，當然Gulp也可以很容易使用。

• 包管理器：NPM和Bower。雖然兩者都是包管理器，不過NPM更多是安裝開發(fā)環(huán)境的包，Bower是安裝運行環(huán)境的前端包。所以白皮書著重介紹的Bower。同時VS2015也直接通過Bower來加載前端庫。另外，對于node.js，前不久微軟剛剛發(fā)布了node.js Tools for Visual Studio，可以讓大家很方便的在VS中開發(fā)node.js應用。

• 自適應Web框架：Bootstrap。大名鼎鼎的Bootstrap我想就不用過多介紹了。之前要使用Bootstrap只能通過NuGet來安裝，現(xiàn)在也可以使用Bower、npm來安裝。

• 美化應用程序：Less、Sass和Font Awesome。Less和Sass都CSS預處理工具庫。而Font Awesome提供大量的矢量圖標可以免費使用。

• 企業(yè)級JavaScript開發(fā)：TypeScript。此白皮書對TS給出了一個非常好的入門向?qū)?。同時講到現(xiàn)在一些流行的js庫（比如jQuery、angularjs、Boostrap、d3、requirejs、knockoutjs、node.js）都提供了TS的定義接口文件。我之前也談到了TypeScript可能會“脫穎而出”——見文章“TypeScript的崛起”。

• MVVM函數(shù)庫：KnockoutJS。一個很好支持Model-View-ViewModel模式的前端函數(shù)庫。當然Knockout并非一個完整的SPA（單頁應用）庫，需要配以Durandal和Requirejs才能更好的開發(fā)大型js應用。

• MVC函數(shù)庫：Backbone。顧名思義，一個可以讓你以MVC模式來實現(xiàn)前端開發(fā)的函數(shù)庫。不過，你可以只使用其中的一部分功能，這樣方便遷移和入門。

• SPA框架：AngularJS。不僅介紹了1.x的入門和關(guān)鍵組件的使用。還簡要介紹了Angular 2.0。

• 可重用的UI組件框架：ReactJS。ReactJS主要是用來構(gòu)建可重用的UI組件的，可以和MVC或MVVM框架配合，來更方便的開發(fā)視圖部分。
  

感謝各位的閱讀，以上就是“ASP.NET5中可用的前端開發(fā)工具有哪些”的內(nèi)容了，經(jīng)過本文的學習后，相信大家對ASP.NET5中可用的前端開發(fā)工具有哪些這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關(guān)知識點的文章，歡迎關(guān)注！