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
网友评论