WebStorm 2021.1 Help

Grunt 工具窗口

使用此工具窗口运行Grunt 任务。执行任务的结果显示在运行工具窗口中。工具窗口显示 Grunt 输出,报告发生的错误,列出尚未找到的包或插件等。最后执行的任务的名称显示在工具窗口的标题栏上。

在你开始前

  1. 下载并安装Node.js。

  2. 全局安装grunt-cli包(Grunt 命令行界面)并将grunt包安装为开发依赖项。有关详细信息,请参阅安装 Grunt

运行任务和目标

打开 Grunt 工具窗口

  • 在Project工具窗口中选择所需的Gruntfile.js文件或在编辑器中打开它,然后从上下文菜单中选择Show Grunt Tasks 。

构建任务树

  • Grunt工具窗口中,单击添加按钮工具栏上的 并从列表中选择所需的Gruntfile.js文件。默认情况下,WebStorm在项目的根目录中显示Gruntfile.js文件。

  • 如果您有另一个Gruntfile.js文件,请单击选择 Gruntfile.js并在打开的对话框中选择您需要的Gruntfile.js文件。WebStorm 在其标题上添加一个带有所选Gruntfile.js文件路径的新节点,并在新节点下构建一个任务树。

重建一棵树

  • 切换到所需节点并单击重新加载脚本工具栏上的 。

按名称对树中的任务进行排序

  • 单击设置工具栏上的 ,从菜单中选择排序方式,然后选择名称

    默认情况下,树会按照在Gruntfile.js中定义的顺序显示任务(选项定义顺序)。

运行任务或目标

  • 双击任务或目标。

  • 在树中选择任务或目标,然后从上下文菜单中按Enter或选择运行 <任务名称> 。

运行默认任务

  • 选择树中的根节点,然后在选择的上下文菜单上选择运行默认值。

运行多个任务或目标

  • 使用多选模式:按住Shift(对于相邻项)或Ctrl(对于非相邻项)键并选择所需的任务或目标,然后从选择的上下文菜单中选择运行调试。

跳转到任务或目标的定义

  • 在树中选择所需的任务或目标,然后从选择的上下文菜单中选择跳转到源。

工具栏

添加 Gruntfile

添加 Gruntfile

单击此按钮可生成另一个Gruntfile.js文件的任务树。从列表中选择所需的Gruntfile.js文件。WebStorm 添加一个新节点并在其下构建一个任务树。

删除 Gruntfile

删除 Gruntfile

单击此按钮可删除所选节点下的任务树。

重新加载任务

重新加载任务

单击此按钮可重新构建所选节点下的任务树。在更新相应的Gruntfile.js文件后,您可能需要重新构建树,因为 Grunt 不会即时将更改应用于树。

全部收缩

全部收缩

单击此按钮可隐藏所有任务树并仅显示Gruntfile.js节点。

查看模式

单击此按钮可配置当前视图并更改工具窗口的查看模式,详见工具窗口查看模式

请注意,大多数菜单项都是您可以打开或关闭的选项。启用的选项在其名称左侧有一个复选标记。Grunt特定的选项是:

  • Grunt 设置:选择此选项以打开Grunt 设置对话框并更新Grunt节点解释器的当前设置,请参阅Grunt

  • 排序方式:选择此选项可配置任务在树中显示的顺序。单击设置工具栏上的 ,从菜单中选择排序方式,然后选择名称

    默认情况下,树会按照在Gruntfile.js中定义的顺序显示任务(选项定义顺序)。

隐藏

隐藏

单击此按钮可隐藏工具窗口。要让它再次显示,请选择查看 | 工具窗口 | 在主菜单上咕哝。工具窗口再次出现,显示所有先前构建的任务树。

树的上下文菜单

咕噜声设置

选择此菜单项以打开Grunt Settings对话框并查看或编辑Node.js配置

跳转到源

选择此菜单项以打开为其构建当前树的Gruntfile.js文件。

重新加载任务

选择此菜单项可重新构建所选节点下的任务树。

复制路径

选择此菜单项以保存Gruntfile.js文件的路径,根据该路径将当前树构建到剪贴板。

删除 Gruntfile.js

选择此菜单项以删除所选节点下的任务树。

任务或目标的上下文菜单

运行 <任务/目标名称>

选择此菜单项以运行选定的任务或目标。

调试 <任务/目标名称>

选择此菜单项以调试选定的任务或目标。

编辑 <任务/目标名称> 设置

选择此菜单项以打开“运行/调试配置”对话框并编辑选定任务或目标的预定义设置。

跳转到源

选择此菜单项以打开为其构建当前树的Gruntfile.js文件并导航到所选任务或目标的定义。

最后修改时间:2021 年 10 月 11 日