运行应用程序

使用 WebStorm，您可以使用上下文菜单或装订线图标直接从编辑器运行整个应用程序、单个脚本或测试。如果您需要将一些参数传递给您的应用程序或启动一个工具，例如，一个 npm 脚本，在运行之前，创建一个特定于语言或框架的运行/调试配置并调用它。

项目中当前可用的所有运行配置都显示在Select Run/Debug Configuration列表中。

从运行/调试配置中了解更多信息。

如果您想查看所有当前正在运行的应用程序的列表，请选择运行 | 从主菜单显示运行列表。有关详细信息，请参阅显示正在运行的进程部分。

运行会话启动后，运行工具窗口和运行/调试配置选择器中的图标切换为。

快捷方式

如果您不打算将任何参数传递给您的程序，并且您的程序在启动之前不需要执行任何特定操作，您可以直接从编辑器中运行它。

要在浏览器中运行客户端 JavaScript 代码，请打开引用它的 HTML 页面。
WebStorm 有一个内置的 Web 服务器，可用于预览和调试您的应用程序。此服务器始终在运行，不需要任何手动配置。就项目结构而言，所有项目文件都使用根 URL http://localhost:<built-in server port>/<project root> 在内置服务器上提供服务。
- 在编辑器中，打开带有 JavaScript 引用的 HTML 文件，将鼠标指针悬停在代码上以显示浏览器图标栏：，然后单击指示所需浏览器的图标。请参阅HTML 文件的预览输出。
- 或者：
  在编辑器中打开带有 JavaScript 引用的 HTML 文件，或在项目工具窗口中选择它，然后从上下文菜单中选择运行 <HTML 文件名> 。
  WebStorm 创建一个JavaScript 调试类型的临时运行/调试配置，您可以稍后将其保存，请参阅将临时配置保存为永久。
要运行脚本，请在编辑器中打开它或在Project工具窗口中选择它，然后从上下文菜单中选择Run <script file name> 。
WebStorm 创建一个Node.js类型的临时运行/调试配置。
要运行测试，请单击旁边的装订线图标或按Ctrl+Shift+F10。装订线图标会根据测试的状态而变化，请参阅测试 JavaScript下的执行测试和特定于框架的页面。
要运行 npm、Yarn 或 pnpm 脚本：
- 打开package.json，单击脚本旁边的装订线，然后选择Run <script_name>，请参阅从 package.json 运行和调试脚本。
- 或者：
  使用npm 工具窗口。
从运行和调试脚本中了解更多信息。