作者Prius (Toyota北区业务)
看板Ruby
标题[心得] 编译Bootstrap与安装less (Windows)
时间Sun Jan 19 11:48:37 2014
写给新手，这是一篇保证Workable的安装与设定脚本。
基本观念：Bootstrap是用Less语法写的；Less又是基於Node.js来开发。
因此，要能够编译Bootstrap，要先安装Node.js。
以下是完整的安装步骤，示范如何自定Bootstrap的Namespace，避开
CSS冲突。
范例是在Windows上操作，不过，在Linux上也是相同的程序，也可以Work。
1. Download Nodejs from
http://nodejs.org/
2. Install Nodejs
3. 退出；重新开启 Command Line Prompt <== 这样子 Path 才会包括
新安装的 Node.js 目录
4. 执行 C:\>npm install less <== Npm是Node Package Manager，执行
这行电脑会自动下载less并完成安装
5. 下载 Bootstrap Source from
http://getbootstrap.com/
6. 解压缩到指定目录，例如：D:\bs
7. C:\>d:
D:\>cd bs\bootstrap-3.0.3
D:\bs\bootstrap-3.0.3>Notepad myNamespace.less
8. 在Notepad里输入以下，并储存
.bs {
@import "less/bootstrap.less";
}
9. 编译
D:\bs\bootstrap-3.0.3>lessc myNamespace.less > myBootstrap.css
10. OK搞定
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 111.67.50.190
1F：→ uranusjr:其实 Bootstrap 现在有 SASS 版了 01/19 12:32
2F：推 jokester:其实我都下编译好的css和js来用@@ 01/19 14:33
3F：推 timTan:帮补充，less 去年开始有继承语法 01/19 16:52
4F：→ timTan:客制bootstrap 变轻松了 01/19 16:53