IDEA 使用外部工具

作为神器 IDE，绝大部分的功能都已经内置或者通过插件来实现，但依然有一部分的功能无法通过 WebStorm 来完成。比如前端开发，很多的压缩工具使用 JAVA 、 ruby 、 .net 等来编写，你需要在命令行中运行它们，在 WebStorm 不用这么麻烦，可以使用 External Tools 功能来便捷的运行。

此方法也适用于 JetBrains 家的其它 IDE，IntelliJ Idea, PyCharm, WebStorm, PhpStorm, RubyMine, AppCode

以 CSS 压缩工具 CSSTidy 为例，介绍配置一个 external tools 的步骤

一、工具准备

下载 CSSTidy http://csstidy.sourceforge.net/download.php

新建一个目录，专门用于保存 WebStorm External Tools，把 csstidy.exe 扔到一个目录下，我放在 E:\dropbox\appdata\WebIde50\external_tools\csstidy\csstidy.exe

二、配置

Setting -> External Tools -> Add

参数说明：

Name ：CSSTidy （自定义）

Group：CSS TOOLS （自定义，出现在右键菜单分组中）

Description： 描述，可为空

Show In ： 设置你允许该工具出现的地方

Program：E:\dropbox\appdata\WebIde50\external_tools\csstidy\csstidy.exe

Parameters ：FilePath FileDir$FileName$.min.css

Working directory： E:\dropbox\appdata\WebIde50\external_tools\csstidy\

Insert macro 按钮是插入一些定义变量，如上 Parameters 中用到的 FilePath FileDir

三、使用

右键 -> CSS TOOLS -> CSSTidy

没有快捷键怎么行？

运行，马上即可以目录下生成一个压缩后的 CSS 文件

PS：IDEA 中安装 GRUNT 也使用相同的方法