IDEA 使用外部工具

本贴最后更新于 2640 天前,其中的信息可能已经斗转星移

作为神器 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

ParametersFilePath 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 也使用相同的方法

  • CSS

    CSS(Cascading Style Sheet)“层叠样式表”是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    180 引用 • 446 回帖 • 3 关注
  • IDEA

    IDEA 全称 IntelliJ IDEA,是一款 Java 语言开发的集成环境,在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品,这家公司总部位于捷克共和国的首都布拉格,开发人员以严谨著称的东欧程序员为主。

    180 引用 • 400 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...