前端构建工具gulp的使用介绍及安装流程
发布日期:2021-05-01 02:21:34 浏览次数:55 分类:技术文章

本文共 994 字,大约阅读时间需要 3 分钟。

我们经常把一整套前端工作流程中能用工具搞定的部分用工具搞定,也就是将前端开发流程、技术、工具、经验等规范化、标准化。常见的前端工程自动化工具:grunt、gulp,webpack等。接下来我就给大家简单介绍一下gulp。

gulp是一个自动化工具,前端开发者可以使用它来处理常见任务:

搭建Web服务器

文件保存时自动重载浏览器

使用预处理器如Sass、LESS

优化资源,比如压缩CSS、JavaScript、压缩图片

类似gulp的工具,我们通常称之为构建工具或者叫自动化构建工具。

在这里插入图片描述

一、gulp的优势

1、简单

代码优于配置、node最佳实践、精简的API集,gulp让工作前所未有的简单。

2、高效

基于node强大的流(stream)能力,gulp在构建过程中并不把文件立即写入磁盘,从而提高了构建速度。

3、生态

遵循严格的准则,确保我们的插件结构简单、运行结果可控。

二、gulp的安装

1-项目中使用gulp 先创建一个文件夹gulptest作为项目的跟目录。

2-在根目录下执行 npm init 命令, npm init命令会为你创建一个package.json文件,这个文件保存着这个项目相关信息。比如你用到的各种依赖(这里主要是插件)。

3-安装gulp

npm install gulp -g 将包安装到全局环境中(全局安装命令行中可以使用gulp命令)。简写(npm i gulp -g)(全局安装)。

npm install gulp --save-dev 安装到本地目录,同时将安装信息写入package.json中,简写(npm i gulp -D)(局部安装)。

注:由于网络经常不好,考虑把npm换成国内的源,可以使用nrm切换软件源。

npm install -g nrm

nrm ls 查看所有的支持源(有*号的表示当前所使用的源,以下[name]表示源的名称)。

nrm use [name] 将npm下载源切换成指定的源,可以切换为淘宝的服务器或者cnpm的服务器。

如果直接在终端中使用npm install 命令,会去查看package.json 中安装信息(项目依赖),自动安装需要的包。

想要掌握并熟练运用gulp,你需要提前安装nodeJS并了解npm,而掌握nodeJS你需要了解Web前端基础知识点,由此可见前端入门简单精通难。

转载地址:https://blog.csdn.net/xiaoxijing/article/details/105075533 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:SplashScreenManager控件介绍
下一篇:【MOOC】01-复杂度1 最大子列和问题 (20分)(C和C++两种实现)

发表评论

最新留言

不错!
[***.144.177.141]2024年03月23日 20时22分29秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

php页面引用公共文件,WeiPHP插件模板中快速引入公共模板文件 2019-04-21
php tracy,admin.php 2019-04-21
php访问父类的所有属性,php – 在父类中使用$this仅在子类中显示父类属性 2019-04-21
oracle比较强大的函数,SQL和ORACLE函数比较 2019-04-21
oracle12c order by,oracle 数据库中order by 的一些高级用法 2019-04-21
oracle8i substr,Oracle中的INSTR,NVL和SUBSTR函数的用法详解 2019-04-21
导出oracle11g的空表,轻松解决oracle11g 空表不能 exp 导出 的问题。 2019-04-21
php把整数拆分成数组,数组拆分处理(整数时的处理),该怎么处理 2019-04-21
oracle numlist,oracle sql str2numlist numtabletype 2019-04-21
php红包平均分配,红包平均分配算法 2019-04-21
linux磁盘的命令是,linux磁盘相关的命令 2019-04-21
linux服务器 缓存,Linux服务器内存使用分析及内存缓存 2019-04-21
linux查进程内存问题,关于linux 查看服务进程内存,cpu,内存占用的一些基础命令... 2019-04-21
linux英文包安装教程视频,Linux源码包安装过程讲解 2019-04-21
linux 关闭rsync服务器,linux下配置rsync服务器和实时同步 2019-04-21
linux初始化TCP服务失败,深入Linux系统追踪TCP初始化 2019-04-21
arch Linux添加源,在Arch Linux系统中使用Archlinuxcn源(清华源)的方法 2019-04-21
私人linux远程连接,Linux远程连接 - osc_5g1gl9wp的个人空间 - OSCHINA - 中文开源技术交流社区... 2019-04-21
windows文件迁移到linux,从Windows到Linux迁移之文件服务器(Samba和AD完美结合) 2019-04-21
linux下vi编辑器的命令大全,linux下VI编辑器命令大全(超级完整版) 2019-04-21