如何在PHPStorm中調試grunt（WebStorm）

在PHP Storm中調試grunt（例如事件監聽器函數）有個好主意。如何在PHPStorm中調試grunt（WebStorm）

在風暴中有Node.js的支持，但我不知道如何配置調試設置，如果我想調試一個咕嚕任務，例如當一個文件發生變化並且監視任務發出它時。

2013-04-26 ruff

我設法得到使用咕嚕的業力觀看。沒有調試。只要看看shell文件中調用的是什麼。在我的情況下，我不得不從我的主目錄中聽到咕嚕聲。 – Thomas 2013-05-26 17:52:18

我使用的是Windows 7，我發現當我輸入「咕嚕」在cmd中實際上它運行

node c:\Users\<username>\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt

所以我投入PhpStorm運行/調試配置Path to Node App JS File = c:\Users\<username>\AppData\Roaming\npm\node_modules\grunt-cli\bin\grunt

現在我把一個斷點內module.exports = function (grunt) { ... }並點擊工具欄上的「調試」按鈕 - 斷點按預期工作！

（如果你不知道在哪裏PhpStorm運行/調試配置閱讀：http://www.jetbrains.com/phpstorm/webhelp/running-and-debugging-node-js.html）

來源

2013-06-17 12:21:11 Petr

我使用Linux和我必須配置PhpStorm運行/調試以一種不可思議的方式來運行或調試咕嚕任務，可能是由於我已經在我的主文件夾安裝節點，而不是有一個鏈接到在/ usr/bin中的二進制

我的設置是：

A）「Paht到節點」：我設置的路徑到我的bin節點，我在/ home/ifraixedes/Apps/node/bin/node B）「節點參數」我將路徑設置爲Grunt-cli scr ipt，在我的情況下：/ home/ifraixedes/Apps/node/lib/node_modules/grunt-cli/bin/grunt C）「工作目錄」：我輸入路徑到Gruntfile.js， D）「通往節點應用JS文件的路徑」：我輸入要執行的咕嚕任務的名字，例如默認

並且通過這個設置，我可以像通常的NodeJS應用那樣執行PhpStorm的調試器，無論我需要什麼，我都可以設置斷點。

來源

2013-06-21 18:52:48

這似乎基本上是正確的，除了你D）應該是應用程序參數：[taskname]，而不是節點應用程序js文件的路徑。 – 2015-11-11 07:43:59

切赫的職位是正確的，但我增加了一些照片，使本作PHPStorm或WebStorm新手

1）從WEBSTORM主菜單多一點明確：運行 - >編輯配置...打開對話框

2）單擊[+]圖標，然後從下拉列表中選擇Node.js條目（如果尚未選擇）

Configuration Editor

3）這將打開被填充到基本字段Node.js的模板。您將需要添加以下字段名稱，工作目錄的Java腳本文件，應用參數

enter image description here

名稱咕嚕或任何你喜歡

工作目錄 C： \ GRUNT-TASKPATH（或任何安裝grunt任務源的地方）包含源代碼，並且還應包含gruntfile.js

JavaScript文件 「C：\ Users \用戶名\ AppData \漫遊\故宮\ node_modules \咕嚕-CLI \ BIN \咕嚕」這是繁重的節點應用，在Linux/MAC將在不同的目錄

應用參數 TASKNAME 你的咕嚕的任務，你會的名稱調試

4）不要忘記申請確定關閉對話框

你剛纔所做的設置，然後按5）打開應該的任務源在下面像（任務/ taskname.js）工作目錄，並設置一個斷點

就是這樣，你現在可以運行或使用從運行菜單繁重的配置，或滴調試任務分解工具欄。

來源

2013-11-19 20:13:58 Idistic

如何在PHPStorm中調試grunt（WebStorm）

回答

相關問題