在 Visual Studio 2013 中使用 Grunt, Bower 和 NPM

標籤：

在 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

 

 

  

 

在 Visual Studio 2013 中使用 Grunt, Bower 和 NPM