WebStorm里面配置运行React Native的方案

最新推荐文章于 2025-02-14 14:16:27 发布

原创最新推荐文章于 2025-02-14 14:16:27 发布 · 668 阅读

0 ·

CC 4.0 BY-SA版权

ReactNative 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在WebStorm IDE中配置React Native项目，实现直接编码和运行，无需切换到Xcode，提高开发效率。

以前开发react native项目总是需要打开WebStorm编写代码,Xcode跑项目.显得有点多余.

今天教大家如何直接使用WebStorm这个IDE直接完成编码+运行项目工作.这样就可以不用打开Xcode了.

1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations…
在这里插入图片描述
2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.如图.

3.在右边的配置框中,先选择Command为help.接着点击下方的+号.再点击Run External tool.

4.在弹出框中选择+号.

5.在弹出的配置框中,填写相应信息.

 Name为该按钮的名字

Program为react Native的路径,终端命令:which react-native  一般都是   /usr/local/bin/react-native

Parameters填 run-ios

working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.

在这里插入图片描述

5.点击OK.接下来点击Apply回到主界面.可以看见右上方的按钮.点击即可运行项目了.