未志

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文件