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

webstom点击 运行run,就可以直接编译当前项目,不用切换到Xcode,而且还有完善的代码补全和格式化排序,懒人再适合不过了.


webstorm编译环境的配置

注:webstorm版本要求是11.0.3,支持npm配置。

1.创建编译命令

webstom里面配置运行React Native的方案_第1张图片

2.点击右上角的“+” 号添加npm编译命令,并且把Command改为help,因为我们不需要它做其他动作,但是又不想受到干扰,所以选择help。

webstom里面配置运行React Native的方案_第2张图片

3.创建External tool添加配置内容


webstom里面配置运行React Native的方案_第3张图片

4.配置React-native的run-iso

(1)先得到你的react native 的路径(/usr/local/bin/react-native)并添加

(2)得到你的项目路径


webstom里面配置运行React Native的方案_第4张图片

5.完整设置

webstom里面配置运行React Native的方案_第5张图片

6.最后点击绿色的三角(Run)按钮,就可以启动运行xcode并打开模拟器了.


webstom里面配置运行React Native的方案_第6张图片
谢谢,如有疑问请留言.

你可能感兴趣的:(webstom里面配置运行React Native的方案)