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

react

做了几年的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相关的配置就完成了,我也是从网上找教程跟着做的,好多不是最新的,命令错误的,以上是我自己亲测可用的方法。还有其他相关配置欢迎补充。


以上是 react-native学习笔记---Mac环境WebStorm相关配置 的全部内容, 来源链接: utcz.com/z/384006.html

回到顶部