Bootstrap3实用教程
1.4.2 安装源码版本
阅读(

Bootstrap基础

Bootstrap简介

下载Bootstrap3

Bootstrap的文件结构

安装Bootstrap

安装编译版本

安装源码版本

有三种方法可以安装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 所示:

下载node.js
图1-2 下载node.js

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

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

安装 node.js
图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 所示:

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

2、安装Bootstrap

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

使用 npm 安装的命令为:

npm install bootstrap@3

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

使用npm 安装Bootstrap
图1-5 使用npm 安装Bootstrap

关于作者

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

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验