1.首先点击WebStorm右上方的下拉箭头弹出的Edit Configurations….

Mac下WebStorm直接运行ReactNative项目_ios

2.然后会进入一个配置页面.点击左上方的+.在弹出的列表中选中npm.

Mac下WebStorm直接运行ReactNative项目_输入框_02

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

Mac下WebStorm直接运行ReactNative项目_终端命令_03

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

Mac下WebStorm直接运行ReactNative项目_弹出框_04

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

Mac下WebStorm直接运行ReactNative项目_终端命令_05

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

    Parameters填 run-ios

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

Mac下WebStorm直接运行ReactNative项目_输入框_06

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

Mac下WebStorm直接运行ReactNative项目_输入框_07