使用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 , 即可开启调试. 如下