01环境搭建：从浏览器到编辑器

这一课的目标只有一个：让你的电脑能写代码、能跑页面、能存版本。

装三样东西

1. Node.js LTS — 前端工具链的地基，去官网下载 LTS 版本即可
2. VS Code — 编辑器，装 Prettier 和 ESLint 两个扩展
3. Git — 版本管理，macOS 自带，Windows 装 Git for Windows

装完在终端验证：

node -v   # v22 或更高
git --version

第一个页面

新建 index.html，写五行：

<!doctype html>
<title>Hello</title>
<h1>我的第一个页面</h1>

双击用浏览器打开。能看到标题，环境就通了。

练习

• 用 git init 把目录变成仓库，提交第一次 commit
• 在 VS Code 里装 Live Server 扩展，改完 HTML 自动刷新浏览器

下一课讲 HTML 语义化——为什么 <div> 不是万能的。