IntelliJ IDEA 创建 HTML 项目教程

传送门

IntelliJ IDEA 是 JetBrains 提供的一款强大且多功能的集成开发环境（IDE），不仅可以用于 Java 开发，还支持多种其他编程语言和技术，包括 HTML、CSS 和 JavaScript 等前端开发工具。本文将带你逐步了解如何使用 IntelliJ IDEA 创建一个 HTML 项目，并配置适合前端开发的环境。

---

1. 安装 IntelliJ IDEA

首先，确保你已经安装了 IntelliJ IDEA。如果尚未安装，可以按照以下步骤进行：

1. 访问 JetBrains 的官网：[https://www.jetbrains.com/idea/](https://www.jetbrains.com/idea/)，下载并安装适用于你操作系统的 IntelliJ IDEA。
2. IntelliJ IDEA 提供两个版本：
- Ultimate 版：付费版本，提供更多高级的 Web 开发功能。
- Community 版：开源免费，支持基础的 HTML、CSS 和 JavaScript 开发。

你可以选择适合自己需求的版本。

---

2. **创建一个新项目

1. 打开 IntelliJ IDEA，点击 New Project（新建项目）。
2. 在弹出的项目向导中，你会看到不同的项目类型。选择 Empty Project，这是最基础的项目模板，不包含任何额外的依赖。
3. 为你的项目选择一个合适的目录，并点击 Create（创建）。

---

3. 创建 HTML 文件

1. 在项目文件管理器（Project Explorer）中，右键点击项目名称，选择 New > Directory 来创建一个文件夹，用于存放 HTML 文件。你可以将其命名为 `src` 或 `html` 等合适的名称。
2. 右键点击新建的文件夹，选择 New > HTML File，为你的 HTML 文件命名，例如 `index.html`。

此时，IDE 会自动为你创建一个基础的 HTML 模板，内容类似于：

```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>

</body>
</html>