瞭解客戶端 Web 開發工具
客戶端工具可能讓人望而生畏，但本系列文章旨在說明一些最常見的客戶端工具型別的用途，解釋可以連結在一起的工具、如何使用包管理器安裝它們以及如何使用命令列控制它們。最後，我們將提供一個完整的工具鏈示例，向您展示如何提高效率。
先決條件
在嘗試使用本文件中詳細介紹的工具之前，您應該先學習核心 HTML、CSS 和 JavaScript 語言的基礎知識。
指南
- 1. 客戶端工具概述
-
本文將概述現代 Web 工具，介紹可用的工具型別、在 Web 應用程式開發生命週期中遇到的工具位置，以及如何找到有關特定工具的幫助。
- 2. 命令列速成課程
-
在開發過程中，您無疑需要在終端（或“命令列” - 它們實際上是一樣的）中執行一些命令。本文將介紹終端，您需要輸入的基本命令，如何將命令連結在一起，以及如何新增自己的命令列介面 (CLI) 工具。
- 3. 包管理基礎
-
本文將詳細介紹包管理器，以瞭解如何在自己的專案中使用它們 - 安裝專案工具依賴項、保持工具更新等等。
- 4. 介紹完整的工具鏈
-
在本系列的最後兩篇文章中，我們將透過逐步完成構建示例案例研究工具鏈的過程，來鞏固您的工具知識。我們將從設定合理開發環境和到位轉換工具一直到實際部署應用程式。在本文中，我們將介紹案例研究、設定開發環境和設定程式碼轉換工具。
- 5. 部署應用程式
-
在本系列的最後一篇文章中，我們將採用上一篇文章中構建的示例工具鏈，並對其進行補充，以便我們可以部署示例應用程式。我們將程式碼推送到 GitHub 並將其部署到 GitHub Pages，甚至向您展示如何在過程中新增簡單的測試。