第二阶段:入门实战 下一章
把你的网页发布到互联网
把本地文件变成一个别人也能访问的公网链接。
先认识一个概念
上一章你做出来的是“本地文件”,这一次要做的是“可访问链接”。
当网页被部署到平台之后,它就不再只是你电脑里的文件,而是可以被别人打开的作品。
前置需知:认识 Vercel
你可以把它理解成一个全球化的网站托管平台。
它会帮你把写好的代码变成一个在线网页,并自动处理构建、部署和访问地址。
Vercel 是什么?
它能做什么?
它的核心作用,就是把你的代码变成一个公开链接。
- 输入:你开发好的网页代码
- 处理:平台自动完成部署和发布
- 输出:一个可直接访问的网址
- 结果:别人可以在浏览器中看到你的页面
为什么推荐它?
对于新手来说,Vercel 的好处非常直观:简单、快速、少运维。
入门友好
完全免费
多数小型学习项目可以直接免费使用,不需要先投入额外成本。
省心
无需运维
你不需要自己配服务器,也不用自己折腾复杂的部署环境。
高效率
即刻上线
提交代码后很快就能拿到访问地址,学习反馈会变得非常快。
必备工具清单
先把这些基础工具准备好,后续的部署流程会顺很多。
- Terminal(终端):执行命令和查看输出
- Node.js:运行网页项目的基础环境
- Python:部分工具和脚本会用到
- Git:管理和提交你的代码
- GitHub:存放和同步你的项目
本关任务打卡
把本地页面部署到一个公开地址,完成第一次上线。
本关任务打卡
1确认项目可以本地运行
2完成一次部署
3拿到一个可访问链接
4把部署步骤记下来
继续完成本章节
先学完这一章,再点下一章继续。