《Gulp 入门指南》- 01 安装 Node 和 gulp

《Gulp 入门指南》- 01 安装 Node 和 gulp

你可以直接访问 GitHub: gulp-book 查看本书

目录：

• 安装 Node 和 gulp
• 使用 gulp 压缩 JS
• 使用 gulp 压缩 CSS
• 使用 gulp 压缩图片
• 使用 gulp 编译 LESS
• 使用 gulp 编译 Sass
• 使用 gulp 构建一个项目

gulp 是基于 node 实现的，那么我们就需要先安装 node。

Node 是一个基于Chrome javaScript V8引擎建立的一个平台，可以利用它实现 Web服务，做类似php的事。

打开 https://nodejs.org/ 点击绿色的 INSTALL 按钮下载安装 node。

访问论坛获取帮助

使用终端/命令行

命令行

在 Windows 中可按 徽标键（alt键左边）+ R 打开输入 cmd + Enter 打开命令行。

终端

打开 Launchpad（像火箭一样的图标），在屏幕上方搜索框中输入 终端 + Enter 打开终端。

查看 node 版本号

在终端/命令行中输入 node -v 检测node是否安装成功，安装成功会显示出 node 的版本号。

跳转目录

终端/命令行 中可使用 cd 目录名 跳转至指定目录，Mac 中还可以使用 ls 查看当前目录下的文件列表。

Windows

Windows 下可使用如下命令跳转至指定目录：

// 跳转至 C 盘根目录cd c:/// 跳转至当前目录的 demo 文件夹cd demo// 跳转至上一级cd ..

Mac

Mac 中建议只在 Documents 目录下进行文件操作。

// 跳转至文档目录cd /Users/你的用户名/Documents/// 或第一次打开终端时直接输入cd Documents// 查看目录下文件列表ls// 创建文件夹mkdir demo// 跳转至当前目录下的 demo 文件夹cd demo// 跳转至上级目录cd ..

退出运行状态

如果你在命令行中启动了一些一直运行的命令，你的命令行会进入“运行”状态，此时你不可以在命令行进行其他操作。可通过 Ctrl + C 停止 gulp。（Mac 中使用 control + C）

后面的章节中如果代码中存在 gulp.watch 并在命令行运行了 gulp 则需要使用 Ctrl + C 退出任务。

npm 模块管理器

如果你了解 npm 则跳过此章节

若你不了解npm 请阅读 npm模块管理器

安装 gulp

npm 是 node 的包管理工具，可以利用它安装 gulp 所需的包。（在安装 node 时已经自动安装了 npm）

在命令行输入

npm install -g gulp 

若一直没安装成功，请使用 cnpm 安装(npm的国内加速镜像)

意思是：使用 npm 安装全局性的(-g) gulp 包。

如果你安装失败，请输入sudo npm install -g gulp使用管理员权限安装。（可能会要求输入密码）

安装时请注意命令行的提示信息，安装完成后可在命令行输入 gulp -v 以确认安装成功。

至此，我们完成了准备工作。接着让 gulp 开始帮我们干活吧！

• 目录
• 订阅本书
• 订阅博客

访问论坛获取帮助

阅读下一章节：使用 gulp 压缩JS