运行应用
使用 WebStorm，您可以直接从编辑器中通过上下文菜单或行号边栏图标运行整个应用、单个脚本或测试。 如果在运行前需要向应用传递参数或启动工具，例如 npm 脚本，请创建一个特定语言或框架的 Run/Debug Configuration 并调用它。
项目中当前可用的所有运行配置都会显示在 选择运行／调试配置 列表中。
详细信息请参见 运行/调试配置。
若要查看当前正在运行的所有应用列表，请在主菜单中选择 。 详细信息请参见 显示正在运行的进程。
运行会话开始后， Run 工具窗口 和 Run/Debug Configuration Selector 中的 
图标将切换为 
。
快速方式
从编辑器运行
如果无需向程序传递任何参数，且在启动前程序不需要执行特定操作，您可以直接从编辑器运行。
若要在浏览器中运行客户端 JavaScript 代码，请打开引用该代码的 HTML 页面。
WebStorm 内置 Web 服务器，可用于在 Web 浏览器中调试应用，或在 WebStorm 内置浏览器中预览代码。 此服务器始终处于运行状态，无需手动配置。
在编辑器中打开包含 JavaScript 引用的 HTML 文件，悬停在代码上即可显示浏览器图标栏：
，然后单击代表所需浏览器的图标。 请参见 预览 HTML 文件的输出。或者：
在编辑器中打开包含 JavaScript 引用的 HTML 文件，或在 项目 工具窗口中选中该文件，然后在上下文菜单中选择 运行 <HTML 文件名>。
WebStorm 会创建一个临时的 JavaScript Debug 类型运行/调试配置，您可以稍后保存该配置，参见 将临时配置保存为永久配置。
若要运行脚本，请在编辑器中打开脚本或在 项目 工具窗口中选中它，然后在上下文菜单中选择 运行 <脚本文件名>。
WebStorm 会创建一个临时的 Node.js 类型运行/调试配置。
要运行测试，请单击其旁边的行号边栏图标或按 Ctrl+Shift+F10。 行号边栏图标会根据测试状态变化，参见 执行测试 以及 测试 JavaScript 下的框架特定页面。
要运行 npm、Yarn 或 pnpm 脚本：
打开 package.json ，点击脚本旁的行号边栏图标
，然后选择 运行 <script_name> ，详见 从 package.json 运行和调试脚本。或者：
使用 npm 工具窗口。
详细了解 运行和调试脚本。
运行当前文件
您可以使用工具栏中的专用选项运行单个文件。 运行和调试按钮处于激活状态，可让您立即运行当前打开的文件。
在编辑器中打开您要运行的文件。
单击工具栏中 当前文件 选项旁的
。 
您可以通过展开列表访问其他运行模式。 在打开的小组件中，您可以调试代码、以覆盖率方式运行，或打开运行配置以指定更多选项。
可自定义方式
使用运行/调试配置
如果您打算向程序传递参数、添加 VM 选项（例如允许远程调试）或以其他方式自定义程序的启动方式，请使用 运行/调试配置。
编辑并保存临时配置 ，或从模板 创建新的运行/调试配置 ，然后使用以下选项之一运行它：
或按 Shift+F10。
启动运行配置
您可以通过以下方式之一启动已有的运行配置：
启动应用程序后，您可以在 运行 工具窗口中查看输出并与其交互。 每个 运行/调试配置 在运行时都会创建一个单独的标签页。
有关工具窗口及其管理方式的详细信息，请参阅 工具窗口 主题。
重新运行应用
在 运行 工具窗口的工具栏中，单击
或按 Shift+F10。
停止和暂停应用
停止程序时，其进程将被中断并立即退出。 暂停程序时，它会在后台继续运行，但其输出会被挂起。
停止程序
在 运行 工具窗口中，单击工具栏上的
。 或者按 Ctrl+F2 并选择要停止的进程。
暂停程序输出
在 运行 工具窗口中单击鼠标右键，然后从上下文菜单中选择 暂停输出。 使用相同的开关可恢复程序运行。
显示正在运行的进程
您可以查看所有活动运行或调试会话的列表，并在它们之间导航。
转到 运行 | 显示运行列表。 在编辑器的右上角，WebStorm 显示所有活动应用程序的列表。