LESS.app之类的应用程序?


16

最近,我发现了一个名为LESS.app的OS X应用程序。基本上,它是一个将* .less文件编译和缩小为* .css文件并实时进行的应用程序。我想知道还是可以在Ubuntu中归档相同的内容以及如何进行处理。

Answers:


25

布莱恩在这里。Less.app的开发人员。

我强烈建议使用较旧版本的LESS(基于Ruby的版本)进行AGAINST。Less.js不仅仅是LESS的一个javascript端口,它是一种全新的重写,可以改进很多东西,增加对旧Ruby版本所不具备的功能的支持,并使编译器速度提高约84%。

而不是安装Ruby gem,而是安装Node.js从命令行通过Node 运行Less.js。您仍将具有所有-watch功能,但将使用Less.js进行操作,这意味着您的生活会更好。

或者,在要创建的网站中将Less.js用作脚本。这将有助于发展。完成编码后,只需复制(从浏览器的检查器中)Less.js生成的CSS,然后将其放入文件中,添加.css扩展名,然后从HTML页面中删除Less.js脚本标签,并替换为您刚刚创建的CSS文件。

无论哪种方式,请使用Less.js。


谢谢Bryan,除了要在页面中注入的编译器外,我没有其他的Less.js编译器–我认为Ubuntu的Less.app端口是不可能的。;)
心情


less.js是否可以在无头构建机器上运行?尝试运行它时,出现“ ReferenceError:窗口未定义”的提示。
凯西·凡·斯通·斯通

请注意,less的Ruby版本现在运行于less.js之下
Kathy Van Stone

3

注意

阅读布莱恩的答案。他知道他在说什么。;-)

您可以减少安装。

  1. 安装rubygems及更少

    sudo apt-get install rubygems
    sudo gem install less
    
  2. 官方文件备注:

    为了使gem正常工作,您应该将gem的路径写入PATH添加到〜/ .bashrc中:

     export PATH=/var/lib/gems/1.8/bin:$PATH
    
  3. 然后,您可以通过使用较少的编译器

    lessc style.less
    

我认为没有一种您链接到的GUI。但是由于在真正的较少编译器之上它似乎只是一个非常浅薄的GUI,因此我认为直接使用它不会有任何问题。类型

lessc --help

学习如何使用它。

如果要在每次更改.less文件时自动对其进行编译,则可以使用以下-w选项:

~$ lessc test.less -w
* Watching for changes in test.less... Ctrl-C to abort.
: Change detected... * Updated test.css
: Change detected... * Updated test.css

您可以通过按Ctrl+ Z并键入来将此过程置于后台bg,然后根据需要启动任意多个进程。您可以通过执行fgfg 3在第三步中将它们带回前台,以获取所有作业及其编号类型的列表jobs


谢谢!现在,我使用Less.js(bit.ly/9bG1E9),但是我将尝试使用ruby编译器。GUI对我来说并不重要。但是,我真正想要的是一个工具,它可以在每次将更改保存到.less文件时监视.less文件并编译.css。通过应用程序,CLI或gedit插件如何完成对我来说并不重要。
心情

@Mood,它就是这样做的-我将其添加到答案中。
Stefano Palazzo

1
哇!再次感谢。那正是我要的东西。
心情

2

据我所知,rubyless的更新不足以甚至无法处理串联运算符。

对于那些对使用less.js在非mac平台上保存时编译.less的解决方案感兴趣的人,可以查看此安装指南 *。尽管本教程面向Windows用户,但我想如果您可以在系统上获取Node.js,脚本本身将发挥相同的作用。

*免责声明:本教程属于我。刚想到人们可能想特别看看上面的海报“使用Node.js”的含义。我无法在线找到任何脚本,可以使用Node.js在保存文件时编译LESS,所以我做了一个脚本,并认为可以共享它。


您的参与很棒,但这看起来很奇怪-在您自己的网站上发布Windows解决方案的帖子?这是否添加了其他答案没有的内容?
belacqua 2011年

是-非红宝石,非MacOSX。您可以使用与node.js一起使用的less.js脚本,因此可以编译Node.js的非MacOSX用户可以享受即时的.less编译。

运行Node.js并不难。不确定还是我遵循了这篇文章codediesel.com/linux/installing-node-js-on-ubuntu-10-04,但是Node.js很快就设置好了。但是,设置Less.js会让我费劲。我认为一旦在Ubuntu上运行Node.js,您就可以按照Joseph教程中的步骤启动和运行less.js,因此这是对该线程的有益补充。
意境

2

在Ubuntu 11.10下,您只需发出一个

sudo apt-get install lessc

1

您也可以在Ubuntu 12.10中通过命令行编译器安装它:

sudo apt-get install node-less

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.