WebStorm是一款强大的集成开发环境（IDE），专为前端开发和Web开发设计，它提供了许多实用功能，如代码补全、调试、版本控制等，使得开发人员能够更高效地创建和维护项目，本文将详细介绍如何在WebStorm中运行HTML项目。
确保您已经安装了WebStorm，如果您还没有安装，可以访问官方网站（https://www.jetbrains.com/webstorm/）下载并安装最新版本，安装完成后，启动WebStorm并创建一个新的项目。
1、创建新项目
打开WebStorm后，点击“Create New Project”按钮，在弹出的窗口中，选择项目的保存位置，然后点击“Next”按钮，接下来，为项目输入名称，MyHTMLProject”，然后点击“Next”按钮。
在接下来的窗口中，选择项目的类型，由于我们要创建一个HTML项目，所以选择“HTML”选项，您还可以选择其他选项，如“JavaScript”或“CSS”，以便在项目中包含这些技术，选择完毕后，点击“Finish”按钮，WebStorm将为您创建一个新的HTML项目。
2、添加HTML文件
在项目创建完成后，您会看到项目结构在左侧的“Project”窗口中显示，右键点击项目根目录，选择“New” > “HTML File”，为文件命名，index.html”，然后按Enter键，现在，您将看到一个新的HTML文件在编辑器中打开。
3、编写HTML代码
在编辑器中，您可以开始编写HTML代码，创建一个简单的HTML页面，包含标题和段落：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My HTML Project</title>
</head>
<body>
<h1>Welcome to My HTML Project!</h1>
<p>This is a simple HTML page created in WebStorm.</p>
</body>
</html>
4、运行HTML项目
要在WebStorm中运行HTML项目，请确保您已经安装了Web服务器，如Apache或Nginx，如果您还没有安装Web服务器，可以选择使用内置的Web服务器，以下是如何使用内置Web服务器运行HTML项目的步骤：
a. 在编辑器中打开您的HTML文件（index.html）。
b. 在工具栏上，找到并点击“Run”按钮（或按Shift + F10键），这将打开一个下拉菜单。
c. 在下拉菜单中，选择“Run 'index.html'”选项，如果您的项目中有多个HTML文件，WebStorm可能会提示您选择要运行的文件，在这种情况下，请选择“index.html”。
d. WebStorm将使用内置的Web服务器运行您的HTML项目，并在默认浏览器中打开它，如果一切正常，您应该能看到您刚刚创建的简单HTML页面。
5、调试和预览
WebStorm提供了实时预览和调试功能，使您能够在开发过程中轻松查看和修复问题，要使用这些功能，请在编辑器中打开HTML文件，然后点击工具栏上的“Live Edit”按钮（或按Ctrl + Shift + A键），这将打开一个新的浏览器窗口，实时显示您的代码更改。
WebStorm是一款非常实用的前端开发工具，可以帮助您轻松创建和运行HTML项目，通过遵循上述步骤，您可以在WebStorm中快速启动和运行您的HTML项目，并充分利用其强大的功能来提高开发效率。