[原文發表地址]Introducing Gulp, Grunt, Bower, and npm support for Visual Studio前端
Web 開發，特別是前端 Web 開發，正迅速變得像傳統的後端開發同樣複雜和精密。大多數項目不只僅是經過 FTP上傳一些 JS 和 CSS 文件。而如今的前端生成過程，能夠囊括SASS 和LESS擴展、CSS/JS的壓縮包、JSHint 或 JSLint的運行時 、或者更多。這些生成任務和進程都和像Gulp和Grunt這樣的工具一塊兒協調工做。此外，相似於npm和bower這樣的管理系統將客戶端庫做爲軟件包來管理。npm
ASP.NET客戶端軟件包的管理者，爲何不用 NuGet？或MSBuild？
大家中的一些人可能會問，爲何JavaScript不使用 NuGet？爲何不擴展 MSBuild 去構建 CSS/JS？緣由很簡單。由於已經有了豐富的系統，來作這種事情。對於服務器端庫 （和一些客戶端）來講，使用NuGet 就已經很棒了。npm和bower 上已經有了不少的，並且還會有更多的 CSS 和 JS 庫。而對於服務器端的應用程序構建來講，使用MSBuild很棒，但當構建客戶端應用程序時，它有些多餘了。json
因此，二者均可以使用。這些都是您工具包中的工具。添加Gulp，Grun，Bower，npm的支持（和未來須要其餘東西） ，這意味着爲ASP.NET前端開發者提供了一個更熟悉的環境。它容許 ASP.NET 開發人員引入 JS 和 CSS 庫，使他們能夠天天使用。gulp
引入任務資源管理器
咱們從大家中，以及整個社會收到了至關多的、關於Grunt/Gulp的功能請求。咱們利用Visual Studio 「14的充分可擴展性正在構建對Grunt/Gulp第一流的支持。如今咱們已經準備好將這個支持做爲VS2013的一個擴展加入到預覽版本中， 而且咱們感激您幫助咱們測試和考察這個功能。後端
今天咱們介紹一個預覽版本，在這個預覽版本中，「任務資源管理器」將做爲VSIX的一個擴展。同時也推薦兩個其餘的VSIX來完善對這個功能的體驗。服務器
注意：VSIX擴展中的大多數功能都被內置到Visual Studio中，所以你不須要安裝其餘別的東西。並且，在VS2013和此預覽版本中咱們須要更多的VSIX，讓你早晚能獲得這些擴展。請注意，今天任務資源管理器只工做於Vsiaual Studio Express 版本中，但VS14的全部功能都將出如今VS免費版本中。異步
相似於VS Productivity Power Tools同樣， 「DevLabs」這樣的功能如今還在預覽版中。可是他們終將會集成到最終的產品中。grunt
你須要什麼？
首先，你將須要Visual Studio 2013.3 ，3的意思是免費的更新」Update 3」。
- TRX-任務資源管理器Visual Studio 擴展
- NMP/NBower包智能感知-搜索NPM 和Bower包在線版，它直接附加智能感知功能。
-
可選的Grunt Launcher（在解決方案資源管理器上右鍵單擊選項— — 你會看到」 npm install 「）工具
- 若是你如今沒有這種擴展，那麼你將須要本身運行npm install來還原/添加軟件包
- 若是你有這種擴展，那麼請在運行grunt/gulp以前，右鍵單擊 packages.json 和」npm install」
要打開 TRX （任務資源管理器），只需用鼠標右鍵單擊您的項目中任何一個 gruntfile.js文件：測試
默認狀況下，TRX 位於VS的底部，，看起來像這樣：
在這裏，咱們看到 gruntfile.js 在該解決方案中的一個或多個項目的根目錄中。它還有任務綁定功能，也就是說任何任務或目標能夠由 4 個不一樣 Visual Studio 事件觸發。
要想將一個任務/目標和一個VS事件綁定在一塊兒，只需右鍵單擊進行綁定設置。
要想運行任何一個任務/目標，只需雙擊它，而後控制檯將顯示以下：
當你有了軟件包智能感知擴展功能時，你會發現經過bower 和 npm來直接編輯package.json很容易添加並更新軟件包。
甚至，你也有了異步填充元數據工具提示功能。
如今你能夠去測試它了，記住在你用任務資源管理器來運行Grunt任務以前，你須要運行「 npm install」 。