CodeRoadMap
路线图学习路径文章题库资源社区

浏览

首页路线图学习路径知识库题库文章资源社区我的学习
CodeRoadMap

中文编程学习导航:路线图、讲义与题库,进度可同步。

路线图学习路径文章题库社区

© 2026 CodeRoadMap

津ICP备2026012044号-1|coderoadmap@126.com
首页/全栈开发路线图/检查点:使用外部包

课程目录

  1. 01HTML
  2. 02CSS
  3. 03检查点:动手做静态网页
  4. 04JavaScript
  5. 05检查点:为网页添加交互
  6. 06npm 包管理器
  7. 07检查点:使用外部包
  8. 08Git 版本控制
  9. 09GitHub 代码托管
  10. 10检查点:协作与 GitHub 主页
  11. 11React
  12. 12Tailwind CSS
  13. 13检查点:构建完整前端应用
  14. 14Node.js
  15. 15检查点:命令行应用
  16. 16PostgreSQL
  17. 17Redis
  18. 18检查点:CRUD 应用
  19. 19RESTful API
  20. 20JWT 认证
  21. 21检查点:完整的全栈应用
  22. 22Linux 基础
  23. 23AWS 基础服务
  24. 24AWS EC2 虚拟服务器
  25. 25AWS S3 对象存储
  26. 26AWS Route53 DNS
  27. 27AWS SES 邮件服务
  28. 28AWS VPC 虚拟私有云
  29. 29检查点:部署到 AWS
  30. 30Terraform 基础设施即代码
  31. 31Ansible 自动化配置
  32. 32检查点:自动化部署
  33. 33GitHub Actions
  34. 34检查点:CI/CD 持续集成与部署
  35. 35Monit 监控
  36. 36检查点:监控与自动重启
  37. 37毕业检查点:全自动化基础设施
第 07 课3 天

检查点:使用外部包

用 npm 安装并在页面中使用第三方依赖。

课程内容

检查点:外部包

到这里,你应该已经能用 npm 安装和使用外部包了。你大概已经知道 npmjs.com 可以搜索包并阅读文档,也应该熟悉了 package.json 文件及其依赖管理方式。

现在还不需要深入模块打包器和构建工具,只要能在 HTML 里用简单的 link 和 script 标签引入 node_modules 中安装的依赖即可。

项目灵感:

  • 做一个显示用户当前时间的网页。可以用 dayjs 获取当前时间并展示。这是首页设计参考。
  • 安装 micromodal 库。在页面上做一个按钮,点击后弹出模态框让用户从下拉框选择时区;选择后模态框关闭,页面上的时间更新为所选时区的时间。这是模态框设计参考。
← 上一课npm 包管理器下一课 →Git 版本控制