我可以在自己的文本编辑器中使用Less而不编译吗?

时间:2013-08-26 18:46:46

标签: less

我想开始使用Less而不是从头开始编写CSS,但是可以使用Less来满足以下所有条件:

  • 我可以在自己的文本编辑器中编写Less(TextMate)
  • 我不必在每次编辑后手动编译CSS,但只能保存Less文件
  • 我的CSS不依赖于JavaScript(至少不在生产中)。

我已经尝试了谷歌这些问题的答案,但我无法找到一个明确的答案。谢谢你的帮助。

2 个答案:

答案 0 :(得分:1)

简短的实际答案

有几种工具可以帮助您在每次保存LESS文件时动态地将LESS编译成CSS。大多数工具不仅仅是编译LESS,它们还带有“实时重载”功能,编译coffeescript,把手,SCSS,运行JSlint,组合JS等。

LESS编译工具选择:

请考虑项目规模。如果你单独工作,大多数工具都非常有用,但对于团队工作,你需要某种配置标准(配置文件)。

答案 1 :(得分:0)

使用LESS CSS时,您仍然需要从头开始编写CSS样式。除非您拥有并使用自己的css框架。如果你使用或拥有这样的,你可能只需要定义你的VARIABLE和MIXINS,以及你的其他自定义样式。

这种LESS CSS Framework包括Twitter Bootstrap。在字体端开发中使用CSS时,您没有从头开始编写CSS,只需要添加/调整自己的自定义。

您可以使用编辑器(TextMate)编写LESS。由于LESS文件也是一个扩展名为LESS(style.less)的CSS文件。只有您的浏览器无法解析LESS文件而不在客户端使用LESS(通过链接到文档头中的less.js文件)。如果您结帐this page,您可以看到TexTMate被列为支持LESS的编辑器之一(它具有语法高亮显示)。

您不必手动将LESS编译为CSS文件

将LESS文件编译为CSS文件时,您拥有命令行编译器和GUI compilers。使用命令行编译器时,您必须使用终端来命令编译($ lessc style.less style.css)。当您选择使用命令行选项时,您必须安装NPMNode.js。在安装Node.js之前首先安装NPM,因为NPM将允许您安装Node。

如果使用LESS ,您将不会依赖生产中的JavaScript,因为您只在开发期间使用LESS。当您选择在Client Side(浏览器端)中使用LESS时,您将使用JavaScript(less.js)。

以下是一些链接,可提供有关LESS Usage http://lesscss.org/#synopsis的更多信息:

LESS CSS就像Sass一样是一个CSS Pr处理器

一些LESS示例
使用变量:在开发期间使用变量,可以加快工作流程。使用变量改变颜色只是轻而易举。

 @black:                 #000;
 @grayDarker:            #222;

 body {
   color: @grayDarker;
   background: @black;
 }


从给定的链接中阅读更多示例。