[心得] 编译Bootstrap与安装less (Windows)

楼主: Prius (H-H-H-H-H-H-H-H-H-H-H-H)   2014-01-19 11:48:37
写给新手,这是一篇保证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搞定
作者: uranusjr (←這人是超級笨蛋)   2014-01-19 12:32:00
其实 Bootstrap 现在有 SASS 版了
作者: jokester (蛮王科科)   2014-01-19 14:33:00
其实我都下编译好的css和js来用@@
作者: timTan (用口头禅区分年记)   2014-01-19 16:52:00
帮补充,less 去年开始有继承语法客制bootstrap 变轻松了

Links booklink

Contact Us: admin [ a t ] ucptt.com