未志

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 上的配置:

use grunt in IDEA