编辑：2015 年 1 月 14 日
使用 gulp
确保您从 nodejs.org 安装了节点
1.1：拥有/usr/local，因此您可以在没有 sudo 的情况下运行 npm 命令：
sudo chown -R `whoami` /usr/local
全局安装 gulp：npm install gulp -g
- 在桌面上创建一个文件夹并转到它：
cd ~/Desktop && mkdir boot-gulp && cd $_.
- 启动项目清单：
npm init并接受默认值。
- 安装 gulp 和 gulp-less:
npm install gulp gulp-less。
- 创建一个名为的文件
gulpfile.js并将以下内容粘贴到该文件中：
gulpfile.js
var gulp = require("gulp");
var less = require("gulp-less");
gulp.task("less", function() {
gulp.src("less/main.less")
.pipe(less())
.pipe(gulp.dest("css"));
});
- 全局安装 bower：
npm install bower -g
- 使用凉亭安装引导程序：
bower install bootstrap
- 制作
less/main.less文件并加载bootstrap.less：
less/main.less
@import "bower_components/bootstrap/less/bootstrap.less";
// overrides here
@primary: #000;
// ...
- 运行
gulp less，您应该会在 css 文件夹中看到输出。
添加手表
- 添加
gulp-watch插件：npm install gulp-watch
- 更新
gulpfile.js以查看更少的文件并自动编译为 css：
gulpfile.js
var gulp = require("gulp");
var less = require("gulp-less");
var watch = require("gulp-watch"); //+
gulp.task("less", function() {
watch("less/**/*.less", function(){ //+
gulp.src("less/main.less")
.pipe(less())
.pipe(gulp.dest("css"));
}); //+
});
现在运行gulp less。它现在正在查看文件less夹中所有较少的文件。进行更改并保存文件less夹中的任何文件，您应该会在文件夹中自动看到输出css。
编辑：2014 年 1 月 1 日
试试考拉吧。它实时编译您的 LESS 文件。它是免费且跨平台的。您可能还想查看有关使用 Koala 编译 Bootstrap 的常见问题解答。
原始答案
我用你提到的应用程序重现了你的问题。我尝试了另一个应用程序，例如Crunch 应用程序，它运行良好。因此，只需将文件拖放bootstrap.less到该应用程序中，然后单击应用程序crunch file右上角的按钮即可。然后它会问你在哪里保存它。我个人使用命令行工具 assets-packager ( npm install -g assets-packager)。我希望这有帮助。