使用WebStorm创建/运行/调试React Native项目

 说在前面      使用的WebStorm版本是2017.1.1.

一. 创建React Native项目
1.File->New->Project

2.在New Project窗口中选择React Native, 并根据情况, 修改项目路径和项目名称(我这里将untitled改为我的新项目ReactNativeDemo), 修改完成后, 点击create

随后项目就会被创建, 如下:

二. 项目运行
1.点击右上角的三角形, 出现弹窗,

如果是运行在Android环境, 可以直接选择第二项Android, 选择后, 变成如下:

如果是运行在iOS或者只有Edit Configurations选项时, 选择Edit Configurations

三. 项目调试
1.点击右上角的Debug按钮

2.运行到手机后, 摇晃手机, 选择出现弹窗, 选择第二项Debug JS Remotely , 即可开启调试. 如下