Sublime Text 是否支持 CSS/SASS 文件的实时编辑?

2024-01-28

Sublime Text 支持文件实时编辑吗?

我正在寻找更好的工作流程。我真的很喜欢 Sublime Text,但最近我被 Codepen.io 和(最近测试的)Adobe Brackets 等工具的“实时编辑”功能宠坏了。当我回到 Sublime 时,相比之下,即使是 Live Reload 也显得笨拙。

实时重新加载:按“保存到预览”。
我正在使用 LiveReload Chrome 插件,根据项目(Ruby 或 JS),我将使用 Guard 或 Grunt 来监视系统文件。我喜欢LiveReload。但必须在文件上按“保存”才能在浏览器中查看其更改,这让我抓狂。即使使用 CSS 样式注入(无需完全重新加载浏览器),与 Codepen 和 Brackets 相比,我还是盲目的,它们在您键入时会立即更新。

其他工具
** GUI 工具 **:我听说过 Codekit 和 Hammer 等工具。如果我错了,请纠正我,但它们似乎完全按照 Gaurd 和 Grunt 的方式进行——除了没有命令行。

** Chome Tools Spaces **:在浏览器中编辑 Sass 的能力很酷。我已经设置了这个,但我很少使用它。在 Sublime Text 中编辑 HTML/CSS/Sass 在各方面都优于 Chrome 工具。就这一点而言,它远远优于 Adob​​e Brackets,这就是为什么我(此时)不考虑使用它(而且似乎 Brackets 的大多数“酷功能”都适用于 vanilla CSS,而不适用于 Sass)。

**生活风格 http://livestyle.emmet.io/: 我已经尝试过了,但还是不行。

我一定在 Google 上搜索过“实时编辑 Sublime”、“实时刷新 Codepen Sublime Text”等。千次今年的结果非常糟糕。

如果有人有任何关于此的宝贵信息要添加到此中,请发布!


是的,确实如此,您所需要的只是高名:https://github.com/mechio/takana https://github.com/mechio/takana

这个工具创建了一个小服务器,它可以与页面加载的 CSS 进行实时交互。您所需要的只是设置服务器并将 javascript 片段添加到您的 html 代码中(显然您随后将删除它......)。 目前仅在 OSX 上,实时编辑甚至可以在不同的浏览器上运行。欢迎来到精彩!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Sublime Text 是否支持 CSS/SASS 文件的实时编辑? 的相关文章

随机推荐