理解客戶端 Web 開發工具
客戶端工具可能令人望而生畏，但本系列文章旨在闡明一些最常見的客戶端工具型別的用途，解釋您可以組合使用的工具、如何使用包管理器安裝它們，以及如何使用命令列控制它們。最後，我們將提供一個完整的工具鏈示例，展示如何提高工作效率。
預備知識
在開始本模組之前，您應該已經學習了 HTML、CSS 和 JavaScript 的基礎知識。您還應該熟悉使用 終端/命令列。
教程
- 客戶端工具概述
-
在本文中，我們將概述現代 Web 工具，介紹可用的工具型別，以及您將在 Web 應用開發生命週期中遇到它們的地方，並說明如何為單個工具尋求幫助。
- 包管理基礎知識
-
在本文中，我們將詳細介紹包管理器，以瞭解如何在自己的專案中如何使用它們——安裝專案工具依賴項、保持其最新狀態等等。
- 介紹一個完整的工具鏈
-
在本系列的最後幾篇文章中，我們將透過引導您完成構建示例案例研究工具鏈的過程來鞏固您的工具知識。我們將涵蓋從設定合理的開發環境、部署轉換工具到實際部署您的應用程式的整個過程。在本文中，我們將介紹案例研究，設定我們的開發環境，並設定我們的程式碼轉換工具。
- 部署我們的應用
-
在我們系列的最後一篇文章中，我們將採用上一篇文章中構建的示例工具鏈並對其進行擴充套件，以便我們可以部署我們的示例應用程式。我們將程式碼推送到 GitHub 並部署到 GitHub Pages，甚至向您展示如何在過程中新增一個簡單的測試。