美文网首页
WebStorm 启动ReactNative设置快捷方式

WebStorm 启动ReactNative设置快捷方式

作者: 大虾咪 | 来源:发表于2017-05-24 23:42 被阅读90次

    不用打开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”
    

    相关文章

      网友评论

          本文标题:WebStorm 启动ReactNative设置快捷方式

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