美文网首页
WebStorm里面配置运行React Native

WebStorm里面配置运行React Native

作者: 庄志平 | 来源:发表于2017-03-30 15:35 被阅读154次

一、IOS(Simulator)启动配置

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.

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

7.有时,需要更换不同的机型看看运行效果,这时,需要先切换至Terminal.然后敲入相应命令:
react-native run-ios --simulator "iPhone 5"

相关文章

网友评论

      本文标题:WebStorm里面配置运行React Native

      本文链接:https://www.haomeiwen.com/subject/caqpottx.html