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相关的配置就完成了,我也是从网上找教程跟着做的,好多不是最新的,命令错误的,以上是我自己亲测可用的方法。还有其他相关配置欢迎补充。
以上是 react-native学习笔记---Mac环境WebStorm相关配置 的全部内容, 来源链接: utcz.com/z/384006.html