在Mac上运行HTML代码只需编写并保存为.html文件，用浏览器打开即可预览，修改后刷新查看效果，推荐使用专业工具如VS Code和Live Server提升效率。
在Mac上运行HTML代码很简单，不需要复杂的开发环境。只要有一台装有macOS的电脑和一个文本编辑器，就能快速预览网页效果。下面是一份清晰实用的操作指南。
1. 编写HTML代码
打开Mac自带的“文本编辑”应用或其他代码编辑器（如 VS Code、Sublime Text、Atom 等）：
- 新建一个文件
- 输入一段基础HTML代码，例如：
<head>
<title>我的第一个网页</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>这是一段测试文字。</p>
</body>
</html>
- 保存文件时选择“格式”为“纯文本”
- 将文件命名为 index.html，后缀必须是 .html
- 选择保存位置，比如桌面或某个项目文件夹
2. 用浏览器打开HTML文件
保存完成后，双击你刚保存的 .html 文件，系统会默认用 Safari 打开并显示网页内容。
- 也可以右键点击文件 → “打开方式” → 选择 Chrome、Firefox 或其他浏览器
- 浏览器中看到的内容就是HTML代码渲染后的结果
3. 实时修改与刷新
如果需要调试或修改页面：
立即学习“前端免费学习笔记（深入）”；
- 回到编辑器修改代码并保存
- 切换到浏览器，按下 Command + R 刷新页面即可看到更新
- 这个流程适用于学习HTML/CSS/JavaScript的基础练习
4. 使用专业工具提升效率（可选）
如果你打算深入前端开发，可以安装以下工具：
- VS Code：免费且功能强大，支持实时预览插件（如 Live Server）
- Live Server 插件：启动本地服务器，保存代码后自动刷新浏览器
- 终端命令运行静态服务器（需安装 Python）：
python3 -m http.server 8000，然后访问 http://localhost:8000
基本上就这些。Mac天生对开发者友好，运行HTML代码不需要额外配置，写完即看，非常方便。只要注意保存为 .html 格式，并用浏览器打开就行。不复杂但容易忽略细节，比如文本编辑器别存成 .rtf 格式。搞定之后，随时都能开始网页学习之旅。
