在 Visual Studio 2015 中提供了對於 Grunt 和 Gulp 的內置支持,在 Visual Studio 2013 中怎么辦呢?微軟將 2015 中的特性作為幾個獨立的擴展發布出來,你可以在 Visual Studio 2013 中同樣使用這個特性。
實際上,你需要三個擴展。
1. 安裝
首先,你需要 Visual Studio 2013.3,也就是說,安裝了 Visual Studio 的第三個更新包。
1. Task Runner Explorer
Grunt 的可視化任務管理器。
擴展地址:https://visualstudiogallery.msdn.microsoft.com/8e1b4368-4afb-467a-bc13-9650572db708
2. Package Intellisense
通過搜索在線的 NPM 和 Bower 包進行智能提示。
擴展地址:https://visualstudiogallery.msdn.microsoft.com/65748cdb-4087-497e-a394-2e3449c8e61e
3. Grunt Launcher
可選,提供了在解決方案管理器上右鍵菜單中包含 "npm install",在 package.json 中右鍵菜單支持,在運行 grunt/gulp 任務之前執行 “npm install”。
擴展地址:https://visualstudiogallery.msdn.microsoft.com/dcbc5325-79ef-4b72-960e-0a51ee33a0ff
2. 使用
在 gruntfile.js 文件上右鍵,可以彈出管理任務的菜單。
默認情況下,Task Runner Explorer 會出現在 Visual Studio 的下面。
還可以被 Visual Studio 的 4 個事件之一觸發。
雙擊任務就可以執行。
可以在 NPM 的 package.json 文件編輯時,提供智能提醒。
包括包版本
懸停的提醒。
演示一下。
參考資料
Intruducing Gulp, Grunt, Bower, and npm support for Visual Studio