在 Ubuntu 中安装 LESS 编译器并设置 bootstrap 工作流程

Install LESS compiler and setup bootstrap workflow in Ubuntu

我是一名 php 开发人员,已经有 3 或 4 年没有做过太多前端工作了,所以我觉得是时候更新我的技能了。我想安装一个 less 编译器并使用我的 Ubuntu 桌面设置一个 bootstrap 工作流程。我知道如何使用基本的预编译 bootstrap 但我有点迷失了所有这些 LESS 东西。我需要使用它,因为我想将 bootstrap 硬塞到一个现有的应用程序中,该应用程序在 html 输出中具有自己的 css 类,并且无法轻易更改。所以我需要扩展 LESS 文件以将这些 类 添加到 boostrap css。

我只是不确定从哪里开始。有谁知道指导我安装和设置 LESS 编译器然后如何使用它的教程,以便我可以高效地工作。我进行了搜索,但确实可以找到任何 Ubuntu 特定的或最新的 tuts。

安装less可以使用lessc:

它是一个 node.js 包,可以将 less 转换为 css,有几个选项:

http://lesscss.org/#using-less-installation

之前需要安装npm

完整安装:

# apt-get install npm
# npm install -g less

要使用,如文档中所述,只需使用 lessc 包。

对我来说,当我使用 less 时,我使用 Bracket 编辑器:http://brackets.io/

然后您可以安装一个扩展,当您保存 less 文件时,它会自动将 less 编译为 css 文件:https://github.com/jdiehl/brackets-less-autocompile

(您可以通过内置扩展管理器找到它)

也许对于其他人IDE/编辑器,你也有插件