ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
gulp 是基于 node 实现的,那么我们就需要先安装 node。 > Node 是一个基于Chrome JavaScript V8引擎建立的一个平台,可以利用它实现 Web服务,做类似PHP的事。 打开 [https://nodejs.org/](https://nodejs.org/) 点击绿色的 **INSTALL** 按钮下载安装 node。 [](https://github.com/nimojs/gulp-book/blob/master/chapter1.md#hash_cli) ## 使用终端/命令行 ### 命令行 在 Windows 中可按 徽标键(alt键左边)+ R 打开输入 `cmd` + Enter 打开命令行。 ### 终端(Mac) 打开 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模块管理器](http://javascript.ruanyifeng.com/nodejs/npm.html) ## 安装 gulp npm 是 node 的包管理工具,可以利用它安装 gulp 所需的包。(在安装 node 时已经自动安装了 npm) 在命令行输入 ~~~ npm install -g gulp ~~~ 若一直没安装成功,请[使用 cnpm 安装](https://github.com/nimojs/blog/issues/20)(npm的国内加速镜像) 意思是:使用 npm 安装全局性的(`-g`) gulp 包。 > 如果你安装失败,请输入`sudo npm install -g gulp`使用管理员权限安装。(可能会要求输入密码) 安装时请注意命令行的提示信息,安装完成后可在命令行输入 `gulp -v` 以确认安装成功。 至此,我们完成了准备工作。接着让 gulp 开始帮我们干活吧!