WebStorm直接运行ReactNative项目

96
Aegis
0.3 2017.02.27 19:28* 字数 234

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

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);

ReactNative学习记录