理解客户端 web 开发工具

客户端工具可能让人望而生畏,不过这个系列的文章主要目的在于展示一些最常见的客户端工具的用途,阐明可以被你链接使用的工具,如何使用包管理器安装这些工具,以及如何使用命令行操控它们。我们将以一个完整的工具链示例收尾,示例会向你展示如何变得更具生产力。

前提

在尝试使用这里列举的工具之前,你应该先好好学习一下 HTMLCSSJavaScript 的核心基础知识。

指南

1. 客户端工具概览

在这篇文章中,我们会简要介绍现代 web 工具:在 web 应用开发的生命周期中的何时使用何种工具,以及如何寻求帮助。

2. 命令行速成课程

毫无疑问,在开发过程中,你需要在终端(或者在“命令行”,它们其实是同一个东西)中运行一些命令。这篇文章将会提供对终端的介绍,包括一些你需要输入的基本命令,如何将命令链接在一起,以及何如添加你自己的命令行(CLI)工具。

3. 包管理基础

在这篇文章中,我们将会详细看一看包管理器,从而理解如何在我们自己的工程中使用它们——安装工程工具依赖、更新等等。

4. 一个完整的工具链

在这个系列的最后几篇文章中,我们将会带你构建一个工具链样例,从而帮你巩固前面学到的知识。我们将从设立一个实际的开发环境开始,一路在相应的位置放置发布你的应用所需要的转换工具。在这篇文章里,我们将介绍一个设立我们的开发环境以及代码转换工具的例子。

5. 发布你的应用

在我们系列的最后一篇文章中,我们将会使用我们在前篇文章中构建的示例工具链,以便我们能够发布我们的样例应用。我们将代码推到 Github,并将其发布至 Github Pages,甚至还会向你展示如何在这个过程中加入一个简单的测试。