WebStorm 启动ReactNative设置快捷方式

不用打开Xcode 也不需要命令行 直接在WebStorm里面启动ReactNative项目

但是还得启动npm start

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

97C47206-603D-48FA-8B9F-AA4DE9CEB935.png
2.进入上图点+ 号 选择npm 接着看下图选择Command为help 之后点击+号 再点击Run External tool
1326B56D-17D1-4094-97CC-2592F08B423F.png
3.进入External Tool页面 继续点击+号
在弹出的配置弹框中

Name随便起，就是你这个按钮的名字
Program为react Native的路径,终端命令:which react-native  一般都是   /usr/local/bin/react-native
Parameters填 run-ios
Working directory该输入框中,先点击右边的insert macro,选择ProjectFileDir.

6D6EEB38-CAA7-4E07-B383-CA26AC11076E.png

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

5 更换不同的机型看看运行效果,这时,需要先切换至Terminal.然后敲入相应命令:

如:react-native run-ios --simulator "iPhone 5”