9. 其他工具型別

注意:

這套標準不要求對下面列出的工具有深入的瞭解；相反，我們鼓勵學生學習它們的基本概念，瞭解為什麼以及如何在Web應用專案中使用它們（以及在何處使用），進行測試，並嘗試使用示例。

學習成果 — 理解您在Web專案中可能需要使用的其他常見工具型別的目的和基本用法

• Linter/格式化工具，例如 ESLint 和 Prettier

  • 檢測潛在的錯誤，以及 linter 如何自動修復它們。

  • 擁有編碼標準的必要性，以及這些工具如何輕鬆地實現這些標準的自動化符合性。

  • 將它們整合到您的工作流程中 — 作為程式碼編輯器擴充套件、作為測試執行器的一部分，或作為持續整合（CI）執行的一部分。

• 包管理器，例如 npm 和 yarn

  • 當代碼庫變得更加複雜時，使用這些工具來管理專案依賴項。

  • 從登錄檔查詢合適的包來解決您的問題並安裝它們。

  • 使用指令碼（例如 npm scripts）使部署和測試更容易。

• 構建工具/打包器，例如 Rollup.js、Parcel 和 Vite.js

  • 使用這些工具來管理依賴項、組織、最佳化和壓縮程式碼到構建檔案中以提高效能。

• 部署工具，例如 簡單的 FTP 客戶端、Netlify 和 Vercel

  • 使用這些工具來部署您的應用程式。

  • 將工具與 GitHub 整合，以在推送時提供自動測試部署。

  • 處理自定義域名、無伺服器函式和表單提交。

  • 處理訪問控制以及與身份提供商（如 Okta 和 Auth0）的整合。

  • 與流行的框架和應用平臺的整合。

資源

• 理解客戶端 Web 開發工具