Gulp 安装

🌙
手机阅读
本文目录结构
axihe

Gulp安装前的环境检测

检查 node、npm 是否正确安装

node --version
npm --version

https://a.axihe.com/npm/gulp/mintty_rYsFk1SGqM.png

准备一个空项目

创建项目目录

mkdir my-project
cd my-project

生成 package.json 文件

在项目目录下创建 package.json 文件

npm init -y

https://a.axihe.com/npm/gulp/mintty_YtDabkF507.png

上述命令将为你生成默认的项目名、版本、描述信息等,如果不喜欢,可以自己再修改。

第一:全局安装 gulp-cli 命令行工具

注:如果网速不给力,可以改为国内的npm源来安装,推荐查看本站的 nrm 教程,通过nrm来安装npm的一些包。

npm install --global gulp-cli

https://a.axihe.com/npm/gulp/mintty_s8CZON8GOl.png

如果你以前将 gulp 安装到全局环境中了,请删除全局的gulp再继续以下操作。

npm rm --global gulp

https://a.axihe.com/npm/gulp/mintty_612SoiOSkY.png

第二:项目本地安装 gulp

这里开始安装 gulp,上面都是都是项目的初始化;gulp 用来做的都是开发环境的,所以一定要使用--save-dev, 如果你对这个不了解,可以参考本站的 npm package.json 的用法: https://www.axihe.com/edu/npm/package.html

npm install --save-dev gulp

https://a.axihe.com/npm/gulp/mintty_apHeirOmW3.png

检查 gulp 是否安装成功

gulp --version

确保输出与下面的屏幕截图匹配,否则你可能需要执行本指南中的上述步骤。

https://a.axihe.com/npm/gulp/mintty_D1slFREj4o.png

axihe

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang