9. 其他工具类型

工具

扩展模块

笔记:

这组标准不要求深入了解下面列出的工具,相反,鼓励学生学习为什么以及如何使用这些工具的基本概念(以及在 Web 应用程序项目中的位置),测试它们并尝试使用示例。

学习成果 - 了解您可能需要在 Web 项目中使用的其他常用工具类型的目的和基本用法

  • 代码检查器/格式化程序,例如 ESLintPrettier
    • 检测潜在的错误,以及代码检查器如何自动修复它们。
    • 需要制定编码标准,以及这些工具如何轻松地自动执行对这些标准的符合性。
    • 将它们集成到您的工作流程中 - 作为代码编辑器扩展、作为测试运行程序的一部分或作为 CI 运行的一部分。
  • 包管理器,例如 npmyarn
    • 使用它们作为一种方法来管理项目依赖项,因为代码库变得更加复杂。
    • 从注册表中查找合适的包来解决您的问题并安装它们。
    • 使用脚本(例如 npm 脚本)使部署和测试更容易。
  • 构建工具/捆绑器,例如 Rollup.jsParcelVite.js
    • 使用它们来管理依赖项,以及将您的代码组织、优化和压缩成构建文件以提高性能。
  • 部署工具,例如,简单的 FTP 客户端、NetlifyVercel
    • 使用它们来部署您的应用程序。
    • 将工具与 GitHub 集成,以在推送时提供自动测试部署。
    • 处理自定义域、无服务器函数和表单提交。
    • 处理访问控制以及与 Okta 和 Auth0 等身份提供商的集成。
    • 与流行的框架和应用程序平台集成。

资源

上一步:8. CSS 工具下一步:常见问题解答