专业的

反应本机

从工具栏上的“运行/调试配置”小组件中选择“编辑配置” ，单击“添加新配置”按钮 ( )，然后从列表中选择“React Native”以打开配置设置。

动图

选择是否希望 PyCharm 为您构建并启动应用程序：

• 如果您是第一次启动应用程序或者自上次运行以来更新了其本机代码，请选择“构建并启动”复选框。

• 如果自上次构建以来您没有对应用程序的本机代码进行任何更改，请清除此复选框。当您开始调试时，PyCharm 等待您在模拟器中打开应用程序并启用远程调试，如React Native 官方网站所述

• 如果您的应用程序使用Expo，请清除该复选框，因为该捆绑程序会自行处理该过程。

如果您选择了“构建并启动”复选框，请选择目标平台：Android 或 iOS。

根据您的选择，PyCharm 将使用react-native run-ios或react-native run-android.

• 要模拟Android平台，请使用Android 虚拟设备。

• 要模拟iOS平台，需要全局安装ios-sim命令行工具。您可以通过Node Package Manager (npm)来完成此操作，请参阅npm、pnpm 和 Yarn，或者通过运行sudo npm install ios-sim -g命令来完成此操作，具体取决于您的操作系统。

从React Native 官网了解更多信息。

（可选）在Arguments字段中，键入要传递给React Native 的参数，例如，通过‑‑simulator标志指定模拟器类型：‑‑simulator="iPhone 4s"。

指定要使用的浏览器。

在调试 React Native 应用程序时，PyCharm 依赖于 React Native 本身使用的 Chrome 运行时。您还可以将DevTools与 PyCharm 一起使用。当您启动调试会话时，PyCharm 会启动一个新的 Chrome 实例并附加到它。

在Bundler host字段中，指定 React Native 捆绑程序运行的主机，默认值为localhost。

提示

如果您使用的是 Expo，您可能需要更改默认的捆绑程序主机以确保与调试器的成功连接。此连接可能会失败，因为 PyCharm 默认情况下使用localhost开始调试，而 Expo 需要127.0.0.1或外部 IP 地址，具体取决于 Metro 捆绑程序配置的“连接”字段中选择的内容。

在Bundler port字段中，指定 React Native 捆绑器运行的端口，默认选择8081 ，了解更多信息请访问React Native 官网。

如果您的应用程序使用 Expo，您可能需要将端口更改为19000或19001，具体取决于 Expo 配置。

指定要使用的 Node.js 解释器。

如果您选择项目别名，PyCharm 将自动使用Node.js页面上的节点解释器字段中的项目默认解释器。在大多数情况下，PyCharm 会检测项目默认解释器并填写字段本身。

您还可以选择另一个已配置的本地或远程解释器，或者单击并配置一个新解释器。

指定react-native-cli的路径和应用程序的工作目录。react-native run-android（可选）键入或 的环境变量react-native run-ios。

默认情况下，当您调用运行/调试配置时，PyCharm 会自动启动 React Native 捆绑器。如果您已经从 PyCharm 外部（例如从命令行）启动了捆绑程序，则可以重新使用它，而无需停止和重新启动。在“启动前”区域中选择您的捆绑程序，然后单击。