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