Gulp 自动化工具安装

以下说明是根据 windows 系统安装配置。

1 Node
官网:https://nodejs.org/en/download/ 下载相应的系统版本安装,在 windows 系统命令提示符中输入 node -v 检查 node 是否安装成功。

2 Npm
在 window 系统命令提示符中输入 npm -v 查看 npm 版本,通过 npm install -g npm@version 安装指定版本的 npm 安装单个模块插件可以使用 npm install -g gulp (全局安装 gulp)。

3 Cnpm
网址: npm.taobao.org 说明: 安装 cnpm 的原因是因为国内网络原因导致在使用 npm install 安装 node 模块插件时会出现下载失败的问题, 通过设置淘宝的镜像可以避开这样的问题。 使用: 在 windows 命令提示符中 输入 npm install -g cnpm --registry=https://registry.npm.taobao.org然后输入 cnpm install 等同于 npm install,其他 npm 操作一样。

4 Gulp
4.1 gulp.js
说明: gulp.js 文件的目的就是在执行 gulp 命令时候提醒 gulp 顺序执行指定好的任务。

4.2 package.json
说明: package.json 用来说明项目基本信息以及项目需要的依赖项。

4.3 gulp.task()
说明: 在执行 gulp 命令时候会默认执行 default 任务,可以查看 gulp.js 文件中的配置,或者在字符界面可以看到任务执行过程中的说明, gulp taskname(watch) 监听文件,当监听的文件被修改时会执行设定的任务。

Gulp 自动化工具安装_第1张图片
gulp
Gulp 自动化工具安装_第2张图片
gulp-watch

你可能感兴趣的:(Gulp 自动化工具安装)