什么是gulp?gulp工具具体怎样安装?

本文介绍了JavaScript编写的gulp工具,它是前端开发人员常用的构建工具,可用于任务自动化,如文件合并、压缩等。文章详细讲解了gulp-cli的安装和其在项目中的作用,包括gulpfile.js和gulp插件的使用。
摘要由CSDN通过智能技术生成

gulp是用JavaScript 语言编写的运行在Node.js平台开发的前端构建工具ogialp是一个JavaScript程序,并且它的指令使用的也是JavaScript语言,所以gulp通常是前端开发人员自动处理日常任务的首选工具。

galp可以处理日常工作流产生的任务,例如项目上线时对HTML、CSS、JavaScript文件合并、压缩,或者将ES6语法转换为ES5语法以便代码在较旧的浏览器中运行。它允许开发者将机械化的操作编写成任务,在命令行输入相关的任务名称就能执行机械化操作,从而提高开发效率。gulp通常包括以下内容。

·gulp-cli:启动构建工具的命令行接口。

·本地gulp:构建时实际运行的程序。

·gulpfile.js:告诉 gulp 如何构建款件的指令文件。

·gulp插件:用于合并、压缩、修改文件的插件。

在了解gulp的作用后,下面将对gulp的安装进行详细讲解。

gulp-cli是glp的命令行工具,它需要全局安装,以便gp能够在命令提示符中直接运行。

gulp-cli是本地gp的全局入口,负责把所有参数转发到本地gdlp,以及显示项目里安装的本地gulp的版本。全局gp用于启动各个项目中的本地gp,换句话说,如果在全局安装了gulp-cli,那么就可以在不同的项目中使用不同的gulp版本。

首先通过 npm 工具下载安装gap-cli工具,命令如下。

npm instal1 gulp-cli92.3.0 -g

上述代码中,-g参数全称为global,作用是让mpm全局安装这个包,等到安装完成后,就可以运行新命令galp了;@2.3.0表示全局golp-ci的版本。

打开命令行工具,运行“gp-”命令,如果gulp-ci安装成功,则命令行输出结果如图所示。

从图中可以看出,当前系统中成功安装了gup-cli。gup-ci版本显示为全局安装的版本。

1692348049732_全局安装.png

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值