使用LESS或SCSS进行实时预览？

2018-06-20 03:09:16

我试图找出是否有办法使用LESS或SCSS，而无需保存文档或刷新浏览器。目前我使用CSS Edit，这对实时预览非常有用，但我无法找到实时预览来处理LESS或SCSS的方法。我的理想情况是获得真正的生活（或接近）设置与Textmate和我的大衣一起工作。我已经看了几个选项，WebPutty很棒，但它是基于Beta和基于Web的，所以我很喜欢可以融入我现有工作流程的解决方案。

非常感谢

这可能是你要找的：livereload.com

我只是在Google上搜索同一个问题时才发现这个，哈！

目前只适用于64位Mac。它也在测试版中。

似乎无法找到网站上提到的v1的链接？

如果您使用的是静态文件，则可以使用http://f.cl.ly/items/0y2G351r3O3T3j1b401u/Live-LESS-previewing-in-Espresso.html中的代码

<!-- Link directly to LESS stylesheet first -->
<link rel="stylesheet/less" href="style.less" type="text/css" media="screen" />

<!-- Then link to LESS, and enable development watch mode -->
<script src="less-1.2.1.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
    less.env = "development";
    less.watch();
</script>
<!-- Voilà! Instant LESS previews in Espresso -->

但是，如果你使用本地主机，我还没有想出如何使这个工作。

检查EDGE。 http://getedge.io - 让你从Sublime Text或Textmate直接编辑Sass和LESS文件。无需保存文件 - 它会在您输入时更新。您现在可以注册私人测试版。

链接地址: http://www.djcxy.com/p/56625.html

上一篇: Live preview with LESS or SCSS?

下一篇: How to write special characters like new line, and format output of haddock