react-native学习笔记---Mac环境WebStorm相关配置

做了几年的iOS开发，最近得空研究学习一下react-native，以后研究的方向也是react-native和iOS原生APP的结合。

开发环境：MAC电脑 WebStorm

网上搭建react-native开发环境的帖子层出不穷，大家可自行百度，对于编译器，WebStorm或Sublime Text或Visual Studio Code，三种我都下载体验了一下，最后选择了WebStorm，功能比较强大。用WebStorm需要进行一些配置，方便以后的编译，在此记录一下配置方法供大家参考：

1.安装react-native库

Preference---Languages & Frameworks---JavaScript---Libraries

点击download 选择红框里面的两项下载，其他react-native相关的都可以下载，下载完成回到这个页面，把前面的对勾选上就可以了。

2.jsx语法设置

箭头所指的地方，选中图中的选项，然后Apply--OK

3.Edit Configurations---自动执行react-native run-ios命令

点击Edit Configurations...

点击 + 选择npm

command 改成help 点击 + 选择Run External tool

继续点击+ 我这里已经添加过了

"name"：自己起 见名知意就好

“Program”为React-Native 命令安装路径，可在终端使用 which react-native 命令查找安装路径。

“Parameters” 运行安卓项目填 run-android。运行ios项目填 run-ios。

“Working directory” 填入“$ProjectFileDir$”

填完后点击“OK”

完成！

到此WebStorm中react-native相关的配置就完成了，我也是从网上找教程跟着做的，好多不是最新的，命令错误的，以上是我自己亲测可用的方法。还有其他相关配置欢迎补充。