首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
gulp介绍
安装 Node 和 gulp
使用 gulp 压缩 JS
使用 gulp 压缩 CSS
使用 gulp 压缩图片
使用 gulp 编译 LESS
使用 gulp 编译 Sass
使用 gulp 构建一个项目
当前位置:
首页>>
技术小册>>
Gulp入门指南
小册名称:Gulp入门指南
Node 是一个基于Chrome JavaScript V8引擎建立的一个平台,可以利用它实现 Web服务,做类似PHP的事。 打开 https://nodejs.org/ 点击绿色的 INSTALL 按钮下载安装 node。 #### 使用终端/命令行 **命令行** 在 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 目录下进行文件操作。 ```bash // 跳转至文档目录 cd /Users/你的用户名/Documents/ // 或第一次打开终端时直接输入 cd Documents // 查看目录下文件列表 ls // 创建文件夹 mkdir demo // 跳转至当前目录下的 demo 文件夹 cd demo // 跳转至上级目录 cd .. ``` 退出运行状态 如果你在命令行中启动了一些一直运行的命令,你的命令行会进入“运行”状态,此时你不可以在命令行进行其他操作。可通过 Ctrl + C 停止 gulp。(Mac 中使用 control + C) 后面的章节中如果代码中存在 gulp.watch 并在命令行运行了 gulp 则需要使用 Ctrl + C 退出任务。 #### 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介绍
下一篇:
使用 gulp 压缩 JS
该分类下的相关小册推荐:
暂无相关推荐.