React Native IDE

欢迎来到 React Native IDE Beta 🎉

React Native IDE 还不是一个成熟的产品。我们希望能够与社区一起尽快实现这一目标。我们很感谢你决定加入 beta 计划并帮助我们改进这个工具。

🚧 谁可以使用这个

由于存在多种不同的设置选项,React Native IDE 目前只支持部分 React Native 项目。我们会不断努力提高兼容性,如果你的项目结构不受支持,欢迎提出问题。以下是我们目前支持的项目的基本要求:

• React Native IDE 目前只支持在 macOS 上使用 VS Code 和 Cursor 进行开发。
• 使用 React Native IDE 只能运行 iOS 和 Android 应用程序。如果你的项目支持其他平台,你可以使用 IDE,但只能启动项目的 Android 和 iOS 部分。
• 我们仅支持最新版本的 React Native (0.71 及以上)以及 Expo SDK 49+。
• 目前不支持 Brownfield 类型的项目(主要是原生应用程序,只在某些屏幕上使用 React Native)。

一般来说,如果你的项目是从 Expo 模板或 React Native 社区 CLI 模板开始的,并且构建配置没有太大偏离,意味着你仍然可以使用 expo 或 react native CLI 运行,那么它应该可以与 React Native IDE 一起使用。

✨ 它能做什么

React Native IDE 是一个 VS Code 扩展,旨在简化 React Native 和 Expo 应用程序的开发。当前版本支持在 macOS 上为 Android 和 iOS 平台进行开发,可用的功能如下:

• 管理 iOS 和 Android 模拟器(目前只提供 iPhone Pro 和 Pixel 7 皮肤)
• 自动构建和启动你的项目(自动跟踪原生或 JavaScript 更新)
• 集成调试器随时可用 - 在运行项目时,你可以在编辑器中设置断点,无需进行任何额外配置即可让应用程序在这些断点处停止
• 组件检查器可跳转到组件代码
• 集成控制台日志输出面板,可链接到包含日志语句的文件/行
• 预览功能,允许独立开发组件(渲染单个组件而不是整个应用程序)
• Expo Router 集成,带有类似浏览器的 URL 工具栏
• 轻松访问设备设置,包括文本大小和明暗模式

💽 安装

有关安装说明,请参阅安装部分。

💻 使用

有关安装扩展后如何入门的指南,请参阅使用部分。你也可以访问 React Native IDE 网站,了解最重要的功能。

🐛 故障排除

有关故障排除和报告问题的指南,请参阅故障排除部分。

⚒️ 扩展开发

如果你想开发扩展并贡献更新,请参阅开发部分。

Discord

务必加入 Software Mansion Discord 频道,使用此邀请链接: https://discord.gg/jWhHbxQsPd,并联系我们以获得加入 react-native-ide-beta 频道的权限,在那里我们讨论问题并传达我们的计划和更新。