【问题标题】:How can I minify html, css, js/jquery and ruby code inside Sublime Text 3?如何在 Sublime Text 3 中缩小 html、css、js/jquery 和 ruby​​ 代码?
【发布时间】:2013-08-21 15:13:45
【问题描述】:

运行 Windows 7。最好的 Sublime Text 3 插件是什么,并且可能还可以美化代码。

【问题讨论】:

  • 取决于。我们在谈论什么样的代码? CSS? JS?萨斯?
  • @MattDMo 附加问题:)

标签: sublimetext3


【解决方案1】:

您现在可能已经找到了您喜欢的东西,但我只是遇到了同样的需求并尝试了两个插件:MinifierClientsideClientside 具有更多功能,例如 linting 和 beautifying,但仅兼容 ST2(根据其 Package Control 页面),而 Minifier 应该与 ST3 兼容。

【讨论】:

  • 不,这几个月一直困扰着我:P 我会看看,谢谢你们的 cmets。
【解决方案2】:

2015 年 8 月 4 日更新,因为很多事情都发生了变化

我也一直在寻找这样的 ST3 插件。我试过Sublime HTML5 Minifier by geekpraddMinify by Zoltan,看起来都是不错的选择。看看他们的优缺点。

HTML5 缩小器

  • 只能缩小,不能美化(目前为止)
  • 不会重组您的 CSS 或 JavaScript 文件,只会删除空格和 cmets
  • 效果不如Minify,但美化后代码可读性强
  • 适用于 HTML、CSS 和 JS 没有任何问题
  • 可以在不创建新文件或保存任何内容的情况下缩小当前视图中的代码
  • 安装简单,不需要 Node.js 或其他任何东西
  • 在控制台中有错字 - HTML Minfier 而不是 HTML Minifier。但也许是故意的:)

缩小

  • 缩小和美化
  • 重组您的 CSS 和 JavaScript 文件,重命名 JS 变量、函数名称等。
  • 超级有效,文件尽可能小,但代码会被缩小过程更改
  • 适用于 HTML、CSS 和 JS 没有问题,还应该支持 SVG(尚未测试)
  • 无法在不创建新文件或保存任何内容的情况下缩小当前视图中的代码,缩小总是会创建一个新的 .min。或。同一目录下的文件
  • 安装有点复杂,需要 Node.js 和其他一些 Node.js CLI 应用程序

哪个插件更好?

对此没有直接的答案。 Minify 更有效,所以只要您关心的是尽可能小的文件大小,Minify 是您的选择。我个人在某些情况下同时使用这两种方法,HTML5 Minifier 在某些情况下可能是更好的选择。

我只是希望 Minify 开发人员 Zoltan 将添加关键功能来缩小当前缓冲区,而无需像 geekpradd 那样创建或保存任何文件。

【讨论】:

  • 我是 Sublime HTML5 Minifier 的开发者。 @TeeJay,您应该在我的 github 存储库上打开一个问题线程,我会添加您所需的功能。
  • 我正在对版本 2.0 中的插件进行大修,其中包含更多类似于上面给出的功能。我会尝试添加所有这些,但美化的东西与插件需要的不匹配。请继续关注 Github 存储库的更改:github.com/geekpradd/sublime-html5-minifier
  • 你很幸运。我找到了一个用于美化 HTML、CSS 和 JS 的 Python 模块,我正在将该模块与插件集成。 github.com/berniey/html5print/blob/master/html5print
  • 我已经实现了你需要的大部分功能,除了美化这件事变得非常繁重。并且需要进行一些 OS X 错误修复,否则一切都已实现。您可能想再次安装插件并检查它。如果您遇到任何问题,请在 GitHub 上打开问题线程。
  • @TeeJay,感谢您提及我是其作者的 Minify。从 Minify 1.1.0+ 版本开始,我只使用 Node.js CLI 应用程序,因此您只需要安装非常简单的 Node.js,然后安装一些用 Node.js 编写的 CLI 应用程序,这可以通过单个 npm 命令。对于 CSS 缩小,我现在使用 clean-css CLI 应用程序,它非常有效,可能是最好的。请考虑再次尝试 Minify。谢谢!
【解决方案3】:

我知道这是一个老问题,但无论如何这是我的答案:

我建议您访问优秀的Package Control 网站并搜索关键字“minify”

您将获得 Sublime Text 编辑器的各种包的列表,这些包提供了所需的功能(缩小/美化)。

披露:我是Package Control 网站上列出的软件包之一的作者:Minify

我并不是说我的包最适合所有人,但显然 Minify 是我使用的包。

注意:我也在 Windows 7 上。我的 Minify 包在 Sublime Text 2 和 Sublime Text 3 中都可以使用。安装后,它可以脱机工作,因此您甚至可以在未连接到互联网。

【讨论】:

  • 请考虑添加此功能:我只是希望 Minify 开发人员 Zoltan 将添加关键功能来缩小当前缓冲区,而无需像 geekpradd 那样创建或保存任何文件。跨度>
【解决方案4】:

可能有用,此快捷方式将删除所选文本的所有换行符

Ctrl + J

请注意,这并不是真正的缩小,因为它不考虑代码语言。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-01-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-07-06
    • 1970-01-01
    相关资源
    最近更新 更多