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”
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容