【Udemy中英字幕】Gulp 4: Automate your development workflow

Gulp 4：自动化你的开发工作流程

使用 Gulp 4 工具包自动化你的开发流程

讲师：Sergey Shtyrlov

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 设置 Gulp 4 工具包并使用 Gulp 自动化开发工作流程（sass 和 less 样式预处理、html/css/javascript 压缩、javascript 文件连接、图像优化和缓存、源映射、Babel javascript 转译、html kit 模板语言）

探索相关主题

• GulpJS 简介
• Web开发
• 发展

要求

• HTML 基础、CSS 基础、Javascript 基础

描述

这门课程讲的是什么？

在本课程中，您将学习如何使用 Gulp 4 自动执行常规和繁琐的任务。本课程的代码编辑器是 Visual Studio Code（尽管您可以使用任何代码编辑器）。本课程面向初学者或刚接触 Gulp 的人，并将教您如何为前端开发设置一个好的配置文件。

请提供更多详细信息！

如果您以前从未听说过Gulp，它是一个特殊的工具包，可让您自动执行 Web 开发中的日常任务。在本课程中，我将向您展示如何设置 Gulp 4、使用不同的 Gulp 插件、编写任务和跟踪文件更改。在课程结束时，您将获得一个功能齐全的 gulp 配置文件，可用于您自己的项目。

我们将从最基础的部分开始。我将向您展示如何安装所有需要的依赖项和 Gulp 本身。然后我们将探索如何编写任务并监视文件更改。几乎每一节课我们都会改进我们的 gulp 配置文件并为其添加新功能。我还将为您提供完整的 gulp 配置文件，其中包含描述最常用的 Gulp API、glob 模式和设置任务指南的附加注释，以便您在使用 Gulp 创建自己的任务时有一个很好的提示。

如果你仍然自己处理日常任务，Gulp 可能会改变这一点。让我们开始吧！

参加该课程您需要了解什么？

Javascript 基础、HTML 基础、CSS 基础

里面有什么？

• 安装 Gulp 依赖项
• Gulp 的安装
• 基本 Gulp 任务
• 项目结构
• SASS 预处理
• LESS 预处理
• 监视文件更改
• 样式源映射（SASS/LESS）
• CSS 压缩
• JavaScript 压缩
• HTML 压缩
• JavaScript 连接
• 文件重命名
• 图片优化
• 图片缓存
• HTML 模板语言 (Kit)
• CSS 自动前缀
• JavaScript Babel 转译
• 项目归档
• 完整的带有注释的 Gulp 配置文件，您可以在自己的项目中使用

谁在教你？

我叫 Sergey Shtyrlov。我是一名前端开发人员。我在这个领域工作了近 7 年，现在仍在继续。Gulp 对于 Web 开发至关重要，您一定会从中受益！

本课程适合哪些人：

• 您希望自动化一些开发流程
• 你想学习如何使用 Gulp