twitter-bootstrap – 如何开始使用LESS自定义Bootstrap 3？

使用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安装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安装bootstrap：bower install bootstrap
> make less / main.less文件并加载bootstrap.less：

以下/ main.less

@import "bower_components/bootstrap/less/bootstrap.less";
// overrides here
@primary: #000; 
// ...

>运行gulp少,你应该看到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文件夹中,您应该在css文件夹中自动看到输出.

编辑：2014年1月1日

试试Koala它实时编译您的LESS文件.它是免费的跨平台.您可能还想查看有关compiling Bootstrap with Koala.的常见问题

原始答案

我转载您的问题与您提到的应用程序.我尝试了另一个应用程序,如crunch app,它工作正常.所以用crunch,只需将bootstrap.less文件拖放到该应用程序,然后单击应用程序右上角的crunch文件按钮.那么它会问你在哪里保存.我个人使用命令行工具assets-packager(npm install -g assets-packager).我希望有所帮助.