安装Bootstrap3源码版本_使用bootstrap要安装node吗

有三种方法可以安装Bootstrap的源码版本：一种是使用 npm，一种是使用 bower，一种是使用 composer。这里使用 npm 来安装 Bootstrap。

npm 和 bower 都是基于 node.js 的包管理工具。node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，可以方便地搭建响应速度快、易于扩展的网络应用。由于 node.js 本身自带的框架有限，常常需要通过 npm 或 bower 来管理应用中包之间依赖的关系。在node.js 中，已经集成了npm，因此，安装 Bootstrap之前，要先安装 node.js。

1、安装Node.js

首先，从 node.js 的官方（http://nodejs.org/）下载安装包，官网提供两个版本，一个是V4.6.1，一个是V6.9.0。如图 1‑2 所示：

图1-2 下载node.js

老版本V4.6.1成熟、稳定、可靠，而最新版本V6.9.0提供了很多新特性。新手或商业环境建议下载老版本，有经验尝鲜肉的老手则适合下载最新版本。

下载完成后，双击安装包进行安装，安装过程中，无需特殊设置，一路下一步，直到安装完成。如图 1‑3 所示：

图1-3 安装 node.js

安装程序会自动添加 path 的环境变量，变量值是你的安装路径，如 “C:\Program Files\nodejs”。

安装完成后，可以通过命令行测试是否安装成功。可以使用Windows的命令行工具 cmd，也可以使用 node.js 的命令行工具 node.js command prompt。

开始 -> 所有程序 -> node.js command prompt，打开node.js 的命令行工具，在命令行中输入node -v，测试 node.js 是否安装成功。输入npm -v，测试 npm 是否安装成功。如果能够显示当前版本号，说明安装成功。如图 1‑4 所示：

图1-4 测试 node.js 是否安装成功

2、安装Bootstrap

使用 npm安装和管理Bootstrap的 Less、CSS、JavaScript 和字体，打开命令行，并切换到Bootstrap的根目录，执行以下命令即可：

使用 npm 安装的命令为：

npm install bootstrap@3

在安装过程中，会看到一个旋转的小横线。如果出现安装路径提示，说明安装完成。使用 npm 的安装效果如图 1‑5 所示：

图1-5 使用npm 安装Bootstrap

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。