美文网首页iOS React Native
webstorm配置RN调试

webstorm配置RN调试

作者: 百省 | 来源:发表于2018-08-02 09:13 被阅读266次

    1. 配置RN开发环境,参考RN中文学习网,安装好所需要的各类工具

    2. 安装webstorm,导入RN工程,如下图所示

    屏幕快照 2018-08-02 08.44.36.png

    3. 点击菜单Run->Edit Configurations

    屏幕快照 2018-08-02 08.45.56.png

    4. 点击左上角的"+"号,新建npm配置

    屏幕快照 2018-08-02 08.47.03.png

    5. 点击npm配置各参数如下图

    屏幕快照 2018-08-02 08.48.45.png

    6. 点击External Tool下方的"+",选中"Run External tool"

    屏幕快照 2018-08-02 08.49.00.png

    7. 新建External Tools,点击下方的"+",名称可以随便取,run-ios/run-android等,Tool Settings下方的Program、Arguments、Working directory一定要配置好

    Program: /usr/local/bin/react-native
    Arguments: run-ios --simulator "iPhone 6s" //如果是安卓则是,run-android
    Working directory : $ProjectFileDir$
    
    屏幕快照 2018-08-02 08.49.14.png
    屏幕快照 2018-08-02 08.49.25.png

    8. 按以上步骤配置后,则webstorm的运行按钮(绿色的三角形)可以点击运行了

    屏幕快照 2018-08-02 09.09.35.png
    屏幕快照 2018-08-02 09.12.23.png

    相关文章

      网友评论

        本文标题:webstorm配置RN调试

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