IDEA 中运行 Grunt 任务

前端开发已经离不开 Grunt 了，所以，继续武装 IDEA。之前写的 IDEA 使用外部工具中介绍的方法已经可以实现调用 Grunt 命令了，Grunt 任务大多是根据项目走的，而外部工具是全局定义的，稍显麻烦。IDEA 本身又支持运行、调试 Node.js 。所以我们可以通过配置运行项直接调用 Grunt。

环境要求

Node.js 开发运行环境，Windows 童鞋，NodeJS 环境配置教程，*nux 的童鞋自找教程。

IDEA 需要安装 Node 插件，如果是 WebStorm 好像已经自带 NodeJS 了。

|

Settings > Plugins > Browse Repositories > 搜索 NodeJS 右键 download and install

|

安装 grunt cli 工具

|

npm install grunt-cli

|

配置运行

创建一个新的 Node.js 运行/调试配置：Run->Edit configurations，左侧点 + 图标，选择 Node.js

• Path To Node 选择你的 Nodejs 目录
• Working Directory 选择你的 Gruntfile.js 文件所在的目录
• Path to Node App JS File 选择你的 Grunt CLI 路径
• Application Parameters 选择你要加的参数，一般就是你要运行的 Task Name 啦

以上路径，你如果不知道具体路径，阅读：Windows，NodeJS 环境配置，墙裂进入强迫症模式，自定义 node, npm 的目录。

*nux 用户可以使用 which 命令找到路径

|

$ which node
/usr/local/bin/node

$ which grunt
/usr/local/bin/grunt

|

这是我在 Mac OS X 上的配置：