理解客户端 Web 开发工具
客户端工具可能令人望而生畏,但本系列文章旨在阐明一些最常见的客户端工具类型的用途,解释您可以组合使用的工具、如何使用包管理器安装它们,以及如何使用命令行控制它们。最后,我们将提供一个完整的工具链示例,展示如何提高工作效率。
预备知识
在开始本模块之前,您应该已经学习了 HTML、CSS 和 JavaScript 的基础知识。您还应该熟悉使用 终端/命令行。
教程
- 客户端工具概述
-
在本文中,我们将概述现代 Web 工具,介绍可用的工具类型,以及您将在 Web 应用开发生命周期中遇到它们的地方,并说明如何为单个工具寻求帮助。
- 包管理基础知识
-
在本文中,我们将详细介绍包管理器,以了解如何在自己的项目中如何使用它们——安装项目工具依赖项、保持其最新状态等等。
- 介绍一个完整的工具链
-
在本系列的最后几篇文章中,我们将通过引导您完成构建示例案例研究工具链的过程来巩固您的工具知识。我们将涵盖从设置合理的开发环境、部署转换工具到实际部署您的应用程序的整个过程。在本文中,我们将介绍案例研究,设置我们的开发环境,并设置我们的代码转换工具。
- 部署我们的应用
-
在我们系列的最后一篇文章中,我们将采用上一篇文章中构建的示例工具链并对其进行扩展,以便我们可以部署我们的示例应用程序。我们将代码推送到 GitHub 并部署到 GitHub Pages,甚至向您展示如何在过程中添加一个简单的测试。