Grunt 工具窗口
使用此工具窗口运行 Grunt tasks。 执行任务的结果显示在 运行工具窗口中。 工具窗口显示 Grunt 输出，报告发生的错误，并列出未找到的包或插件等。 最后执行的任务名称显示在工具窗口的标题栏上。
在开始之前
下载并安装 Node.js。
请全局安装 grunt-cli 软件包（Grunt 命令行界面），并作为开发依赖安装 grunt 软件包。 如需更多信息，请参阅 Installing Grunt。
运行任务和目标
打开 Grunt 工具窗口
在 项目 工具窗口 Alt+1 中选择所需的 Gruntfile.js 文件，或在编辑器中打开它并从上下文菜单中选择 显示 Grunt 任务。
构建任务树
在 Grunt 工具窗口中，点击
工具栏，然后从列表中选择所需的 Gruntfile.js 文件。 默认情况下，PyCharm 会在项目的根目录中显示 Gruntfile.js 文件。如果您有另一个 Gruntfile.js 文件，请点击 选择 Gruntfile.js 并在打开的对话框中选择所需的 Gruntfile.js 文件。 PyCharm 添加一个新节点，其标题包含所选 Gruntfile.js 文件的路径，并在新节点下构建任务树。
重新构建树
切换到所需节点并在工具栏上点击
。
按名称对树中的任务进行排序
点击
工具栏上的图标，从菜单中选择 排序方式 ，然后选择 名称。 默认情况下，树按定义任务的顺序显示 Gruntfile.js （选项 定义顺序）。
运行任务或目标
双击任务或目标。
选择树中的任务或目标，然后按 Enter 或从上下文菜单中选择 运行 <task name>。
运行默认任务
在树中选择根节点，然后在所选内容的上下文菜单中选择 运行默认。
运行多个任务或目标
使用多选模式：按住 Shift （用于相邻项目）或 Ctrl （用于非相邻项目）键并选择所需的任务或目标，然后从所选内容的上下文菜单中选择 运行 或 调试。
跳转到任务或目标的定义
在树中选择所需的任务或目标，然后从该选择的上下文菜单中选择 跳转到源。
工具栏
| 添加 Gruntfile | 点击此按钮以构建另一个 Gruntfile.js 文件的任务树。 从列表中选择所需的 Gruntfile.js 文件。 PyCharm 添加了一个新节点，并在其下构建了一个任务树。 |
| 删除 Gruntfile | 点击此按钮以移除选定节点下的任务树。 |
| 重新加载任务 | 点击此按钮以重新构建所选节点下的任务树。 更新相应的 Gruntfile.js 文件后，您可能需要重新构建树，因为 Grunt 不会即时应用对树的更改。 |
| 全部折叠 | 点击此按钮以隐藏所有任务树，仅显示 Gruntfile.js 节点。 |
| 点击此按钮以配置当前视图并更改工具窗口的查看模式。 更多信息，请参见 工具窗口视图模式。 请注意，大多数菜单项是可以开启或关闭的选项。 一个选项打开时，在其名称左侧有一个复选标记。 Grunt 特定选项如下：
| |
| 隐藏 | 点击此按钮以隐藏工具窗口。 若要再次显示它，请在主菜单中选择 。 工具窗口再次出现，显示所有先前构建的任务树。 |
树的上下文菜单
Grunt 设置 | 选择此菜单项以打开 Grunt 设置 对话框并查看或编辑 Node.js配置 |
跳转到源 | 选择此菜单项以打开当前树构建的 Gruntfile.js 文件。 |
重新加载任务 | 选择此菜单项以重新构建所选节点下的任务树。 |
复制路径 | 选择此菜单项以将构建当前树的 Gruntfile.js 文件路径保存到剪贴板。 |
移除 Gruntfile.js | 选择此菜单项以删除所选节点下的任务树。 |
任务或目标的上下文菜单
运行 <task/target name> | 选择此菜单项以运行选定的任务或目标。 |
调试<任务/目标名称> | 选择此菜单项以调试所选任务或目标。 |
编辑<任务/目标名称>设置 | 选择此菜单项以打开 运行/调试配置 对话框并编辑所选任务或目标的预定义设置。 |
跳转到源 | 选择此菜单项以打开当前树构建的 Gruntfile.js 文件，并导航至所选任务或目标的定义。 |