WebStorm直接运行ReactNative项目

其实输入命令行也不麻烦， 但是点击按钮还是更爽一些~

1. 点击WebStorm右上角的Edit Configurations;

Paste_Image.png

#######2. 弹出的界面左上角点击+号；

Paste_Image.png

3. 弹出的浮层中点击npm一项；

Paste_Image.png

4. 修改Unnamed(不改也可），选择Command选项为help；

Paste_Image.png

5. 点击下半部+号， 选择Run External tool选项；

Paste_Image.png

6. 在弹出的External tool 对话框面板点击+号， 新建tool；

Paste_Image.png

7. 完善以下信息： name【不含特殊字符】；Program【填写为： react-native】;Parameters【填写为：run-ios】;Working directory【填写为：$ProjectFileDir$（或按照图片标注选择）】

Paste_Image.png

8. 一路OK + apply（有apply的地方先apply），在右上角选中RuniOS【默认是选中的状态】， 点击绿色的小标运行即可；

Paste_Image.png

如上即可运行（注： iOS运行依赖于xCode， Android运行依赖于Android SDK）;