外部工具
使用第三方独立应用程序（如编译器、linter、代码压缩器等）的推荐方法是配置特定于工具的 File Watcher。此文件观察器将跟踪您的文件的更改并在需要时自动运行应用程序。有关详细信息，请参阅文件观察程序。
或者，您可以在 WebStorm 中将独立的第三方应用程序配置为外部工具。结果，一个特定于工具的命令被添加到主菜单和上下文菜单中，因此您可以直接从 WebStorm 运行该工具。
您还可以配置为在运行/调试配置之前运行该工具。当然，您可以从内置终端 Alt+F12运行它。
WebStorm 允许您将项目中的上下文信息作为命令行参数（例如，当前选择的文件或 sourcemap 指令）传递给外部工具，查看工具生成的输出等等。
您可以将几种类型的外部工具添加到 WebStorm：
本地工具是在您的计算机上本地运行的应用程序。
远程工具是通过 SSH 在远程服务器上执行的应用程序。
添加本地外部工具
此示例演示如何将 ImageOptim添加为外部工具并使用它来优化项目中的图像。
按Ctrl+Alt+S打开 IDE 设置并选择工具 | 外部工具。
单击
并指定以下设置：Name：将在 WebStorm 界面中显示的工具的名称。
Group：工具所属的组的名称。您可以选择现有组或键入新组的名称。
描述：对工具的有意义的描述。
Program：应用程序可执行文件的路径。
Arguments：传递给可执行文件的参数，就像您在命令行中指定的那样。
工作目录：执行工具的当前工作目录的路径。
在我们的例子中，
ImageOptim将使用-o4 $FilePath$参数运行。您可以使用可以引用项目名称、当前文件路径等的宏。单击
将打开“宏”对话框，其中列出了所有可用的宏及其值。单击确定添加工具，然后应用更改。
运行添加的本地外部工具
要在新添加的工具图像中打开选定文件，请执行以下操作之一：
从主菜单中，选择 。
右键单击项目工具窗口中的文件并选择 从上下文菜单
创建一个快捷方式来运行该工具。
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中，选择Keymap ，在External Tools节点下找到 Optimize Image in my app action ，并为其分配一个快捷方式。
添加一个图标以从工具栏中运行该工具。
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中，转到。在可用菜单和工具栏的列表中，展开Main Toolbar节点，选择要在其后添加 ImageOptim 图标的项目，然后单击
。在打开的对话框中，选择图标字段中指定图标以指示它，然后单击设置图标，准备就绪。
图标出现在工具栏上。
工具运行时，输出将显示在“运行工具”窗口中。
添加远程外部工具
远程 SSH 外部工具的配置类似于本地外部工具，但也定义了执行它们的远程服务器，并且需要凭据才能通过 SSH 连接到它。有关使用内置 SSH 终端的详细信息，请参阅运行 SSH 终端。
按Ctrl+Alt+S打开 IDE 设置并选择工具 | 远程 SSH 外部工具。
单击
以打开“创建工具”对话框。此对话框提供与添加本地外部工具时相同的设置集，但也建议选择远程服务器。
默认情况下，每次您在服务器上运行该工具时，WebStorm 都会要求您提供主机、端口和相关的 SSH 凭据。
单击确定添加工具，然后应用更改。
在远程服务器上运行添加的工具
从主菜单中，选择工具 | 远程工具 | <你的工具> .
在Settings/Preferences对话框 ( Ctrl+Alt+S) 中，选择Keymap，找到操作并为其分配快捷方式。使用快捷方式运行该工具。
指定主机、端口和凭据后，WebStorm 将通过 SSH 连接到服务器并运行命令，将输出返回到 WebStorm 中的运行工具窗口。