在IntelliJ IDEA中创建项目或打开文件夹，新建index.html并编写基本结构；2. 安装JavaScript and CSS Support插件以获得语法高亮和浏览器预览；3. 右键HTML文件选择Open in Browser，IDEA将通过localhost启动服务并在浏览器中显示页面；4. 保存后手动刷新可查看修改，结合开发者工具调试，或使用Live Server实现热重载。
在 IntelliJ IDEA 中编写和运行 HTML 文件并不复杂，虽然 IDEA 主要面向 Java、Kotlin 等后端语言开发，但它也支持前端开发，包括 HTML、CSS 和 JavaScript。以下是使用 IDEA 编写并运行 HTML 的完整步骤。
1. 创建项目或打开文件
打开 IntelliJ IDEA，你可以选择以下任意一种方式开始：
- 创建一个新项目（如 Static Web、Java Web 或空项目）
- 直接打开一个已有文件夹作为项目根目录
- 新建一个纯 HTML 文件进行测试
建议创建一个简单的静态网页项目来组织文件。
2. 新建 HTML 文件
在项目中右键点击目标目录（如 src 或 web 目录），选择 New → File，输入文件名如 index.html，然后回车。
立即学习“前端免费学习笔记（深入）”；
在文件中输入基本的 HTML 结构，例如：
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>测试页面</title> </head> <body> <h1>Hello, IDEA!</h1> </body> </html>
3. 安装插件（可选但推荐）
为了让 IDEA 更好地支持前端开发，建议安装 JavaScript and CSS Support 插件（通常默认已启用）。
前往 File → Settings → Plugins，搜索 “JavaScript” 确保已启用。
这样可以实现语法高亮、自动补全和浏览器预览功能。
4. 配置内置服务器并运行 HTML
IDEA 自带一个轻量级的静态文件服务器，可以直接预览 HTML 页面。
操作步骤如下：
- 右键点击你写的 HTML 文件（如 index.html）
- 选择 Open in Browser
- 可以选择默认浏览器（Chrome、Firefox、Edge 等）
此时 IDEA 会启动本地服务（通常是 http://localhost:63342/项目路径/index.html），并在浏览器中打开页面。
5. 实时预览与调试
保存文件后，刷新浏览器即可看到修改效果。你也可以开启浏览器的开发者工具进行调试。
如果希望实现热重载（自动刷新），可结合使用 Live Server 插件（需外部安装 Node.js）或第三方工具。
基本上就这些。IntelliJ IDEA 虽不是专门的前端 IDE，但通过简单配置完全可以胜任 HTML 编写与本地运行任务。
