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、d三、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