webstorm配置RN调试

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
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容