双击HTML文件可直接用浏览器打开，需确保文件后缀为.html并以UTF-8编码保存；2. 拖拽文件到浏览器窗口可快速预览；3. 在地址栏输入file:///加本地路径可访问文件；4. 使用VS Code的Live Server插件可实现保存自动刷新。

直接在浏览器上运行HTML文件非常简单，不需要复杂的工具或环境。只要有一台电脑和任意现代浏览器（如Chrome、Edge、Firefox等），就能快速查看网页效果。

1. 双击HTML文件用浏览器打开

这是最常用的方法：

• 将写好的HTML文件保存为 .html 后缀，比如 index.html
• 右键点击该文件，选择“打开方式”
• 选一个浏览器（如Chrome），以后双击就会默认用浏览器打开

或者直接双击文件，系统通常会自动用默认浏览器加载。

2. 拖拽到浏览器窗口

适用于临时预览：

• 打开浏览器
• 把HTML文件从文件夹中拖动到浏览器页面中
• 浏览器会立即加载并显示内容

3. 通过地址栏访问本地文件

在浏览器地址栏输入文件的本地路径也能运行：

Notes Knowledge Mapper

笔记知识映射器。输入 Markdown/TXT 笔记或主题文件夹；提取实体、相似想法、关系和映射视图，然后输出可搜索的 JSON...

下载

• 比如文件在桌面，路径可能是：
  file:///C:/Users/你的用户名/Desktop/index.html
• 复制完整路径，粘贴到浏览器地址栏回车即可

4. 使用实时预览小技巧

写代码时想边改边看效果，可以这样做：

• 用代码编辑器（如VS Code）打开HTML文件
• 安装插件“Live Server”
• 右键选择“Open with Live Server”，浏览器自动打开并支持热更新

保存代码后页面自动刷新，极大提升开发效率。

基本上就这些。不复杂但容易忽略的是确保文件扩展名是 .html，并且用文本编辑器正确保存编码（推荐UTF-8）。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！