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

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

• 1
• 2
• 3

 
一. 创建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 , 即可开启调试. 如下