Gulp 安装
Gulp安装前的环境检测
检查 node、npm 是否正确安装
node --version
npm --version
准备一个空项目
创建项目目录
mkdir my-project
cd my-project
生成 package.json 文件
在项目目录下创建 package.json
文件
npm init -y
上述命令将为你生成默认的项目名、版本、描述信息等,如果不喜欢,可以自己再修改。
第一:全局安装 gulp-cli 命令行工具
注:如果网速不给力,可以改为国内的npm源来安装,推荐查看本站的 nrm 教程,通过nrm来安装npm的一些包。
npm install --global gulp-cli
如果你以前将 gulp 安装到全局环境中了,请删除全局的gulp再继续以下操作。
npm rm --global gulp
第二:项目本地安装 gulp
这里开始安装 gulp,上面都是都是项目的初始化;gulp 用来做的都是开发环境的,所以一定要使用--save-dev
, 如果你对这个不了解,可以参考本站的 npm package.json 的用法: https://www.axihe.com/edu/npm/package.html
npm install --save-dev gulp
检查 gulp 是否安装成功
gulp --version
确保输出与下面的屏幕截图匹配,否则你可能需要执行本指南中的上述步骤。