0

我想开始使用 Less 而不是从头开始编写 CSS，但是是否可以使用 Less 以使以下所有事情都成立：

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

我试图用谷歌搜索这些问题的答案，但我无法找到一个明确的答案。谢谢你的帮助。

4

2 回答 2

1

简短的实用答案

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

LESS编译工具选择：

请考虑项目规模。如果您单独工作，大多数工具都非常有效，但对于团队合作，您需要某种配置标准（配置文件）。

于 2013-09-12T08:08:07.600 回答
0

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

这样的 LESS CSS 框架包括 Twitter Bootstrap。当您在字体端开发中使用 CSS 时，您无需从头开始编写 CSS，您只需添加/调整您自己的自定义。

您可以使用编辑器 (TextMate) 编写 LESS。
由于LESS文件也是一个扩展名为LESS（style.less）的CSS文件。只有在客户端不使用 LESS（通过链接到文档头中的 less.js 文件）的情况下，您的浏览器才能解析 LESS 文件。如果您签出此页面，您会看到 TexTMate 被列为支持 LESS 的编辑器之一（它具有语法突出显示）。

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

将 LESS 文件编译为 CSS 文件时，您有命令行编译器和GUI 编译器。使用命令行编译器时，您当然必须使用终端来命令编译（$ lessc style.less style.css）。当您选择使用命令行选项时，您必须安装NPM和Node.js。在安装 Node.js 之前先安装 NPM，因为 NPM 会让你安装 Node。

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

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

LESS CSS 是一个 CSS 预处理器，就像 Sass


使用变量的一些 LESS 示例：在开发过程中使用变量可以使您的工作流程更快。使用变量更改颜色只是一件轻而易举的事。

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

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


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

于 2013-08-28T10:19:18.347 回答