如何在Windows上的webstorm中设置grunt

时间:2013-06-12 07:02:22

标签: command-line gruntjs webstorm

我在 Windows 7 上使用 Webstorm(PHPStorm)。在实际项目中,我们使用grunt来连接javascript和css以及其他几个构建过程。

我尝试在Webstorm中将grunt命令设置为外部运行命令。我尝试的设置是:

Name: grunt  
Parameters: none  
WorkingDirectory: $ProjectFileDir$

所以现在当我尝试在Webstorm中启动外部运行命令时,我总是得到错误

> grunt
Cannot run program "grunt" (in directory "C:\Users\jawidmer\workspaces\projectname"): CreateProcess error=2, The system cannot find the file specified

当我打开命令行工具并导航到项目文件夹时,我可以毫无问题地开始咕噜声。

我已经在谷歌搜索并尝试了各种不同的设置组合,但没有设置..

你有什么想法,我必须改变什么才能从Webstorm中的外部运行命令开始咕噜咕噜?

由于 扬

3 个答案:

答案 0 :(得分:6)

根据您的描述,我假设我在WebStorm安装中配置它的方式也适用于您:

Grunt WebStorm configuration

我希望它有所帮助。


<强>更新

似乎如果您向参数添加> %TEMP%\grunt & type %TEMP%\grunt & del %TEMP%\grunt(如更新后的图片中所示),则会显示构建错误。

如果您需要配置任务(例如grunt watch),则参数字段必须如下:

watch > %TEMP%\grunt & type %TEMP%\grunt & del %TEMP%\grunt

摘自here

答案 1 :(得分:0)

也许这个变体对某些人有用: 设置 - &gt;外部工具

enter image description here

使用此工具,我可以右键单击项目中的文件夹,然后在上下文菜单中选择grunt - &gt;构建

答案 2 :(得分:0)

因为我在linux中遇到了node和grunt的路径问题。我决定在Settings-&gt;外部工具中添加以下内容,我想在Windows中可以用相同的方式完成(PHPstorm 7,在与之前答案相同的对话框中):

名称:grunt组:节点

程序:/opt/nodes/current/bin/node(我的节点文件路径) 参数:/my/directory/node_modules/grunt-cli/bin/grunt watch(我的grunt-cli二进制路径和grunt任务的参数) 工作目录:/home/user/project/(我的Gruntfile.js路径)