了解客户端 Web 开发工具

客户端工具可能让人望而生畏,但本系列文章旨在说明一些最常见的客户端工具类型的用途,解释可以链接在一起的工具、如何使用包管理器安装它们以及如何使用命令行控制它们。最后,我们将提供一个完整的工具链示例,向您展示如何提高效率。

先决条件

在尝试使用本文档中详细介绍的工具之前,您应该先学习核心 HTMLCSSJavaScript 语言的基础知识。

指南

1. 客户端工具概述

本文将概述现代 Web 工具,介绍可用的工具类型、在 Web 应用程序开发生命周期中遇到的工具位置,以及如何找到有关特定工具的帮助。

2. 命令行速成课程

在开发过程中,您无疑需要在终端(或“命令行” - 它们实际上是一样的)中运行一些命令。本文将介绍终端,您需要输入的基本命令,如何将命令链接在一起,以及如何添加自己的命令行界面 (CLI) 工具。

3. 包管理基础

本文将详细介绍包管理器,以了解如何在自己的项目中使用它们 - 安装项目工具依赖项、保持工具更新等等。

4. 介绍完整的工具链

在本系列的最后两篇文章中,我们将通过逐步完成构建示例案例研究工具链的过程,来巩固您的工具知识。我们将从设置合理开发环境和到位转换工具一直到实际部署应用程序。在本文中,我们将介绍案例研究、设置开发环境和设置代码转换工具。

5. 部署应用程序

在本系列的最后一篇文章中,我们将采用上一篇文章中构建的示例工具链,并对其进行补充,以便我们可以部署示例应用程序。我们将代码推送到 GitHub 并将其部署到 GitHub Pages,甚至向您展示如何在过程中添加简单的测试。