目前RN的学习浪潮已经拍过来了,犯懒的自己也终于狠狠心系统的学习下,RN英文版,这是我跟随学习的资源,当然还有RN中文版,欢迎小伙伴一起学习进步。
下面我们进进入正题, RN号成“Learn once, write anywhere”,因此跨平台,标准化是必要的因素,这才使得我们能够在Javascript和React的基础上获得完全一致的开发体验,构建新型的原生APP. 由上我们也可以大致了解到我们所需的一些必要软件和IDE,接着我们就来具体看下MAC-iOS下的开发环境配置。
Dependencies for Mac + iOS
Xcode
作为iOS开发者,相信小伙伴们最熟悉的IDE了,这个就不过多介绍了,需要的在App Store或是到Apple开发者官网上下载即可。需要注意的是React Native目前需要Xcode7.0 或更高版本。
Homebrew
Homebrew(常用使用方法), Mac系统的包管理器,能在Mac中方便的安装软件或者卸载软件,相当于linux下的apt-get、yum神器;Homebre可以在Mac上安装一些OS X没有的UNIX工具,Homebrew将这些工具统统安装到了 /usr/local/Cellar 目录中,并在 /usr/local/bin 中创建符号链接。这里我们用它来安装NodeJS和一些其他必需的工具软件,下面推荐自己在使用的配置,仅作参考。
Node
使用上面的Homebrew来安装Node.js,基于Chrome JavaScript 运行时建立的一个平台。关于Node.js的认识和学习,可自行参考.
brew install node
React Native的命令行工具(react-native-cli)
React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务(packager)等任务。
npminstall -g react-native-cli
注意:如果你看到EACCES: permission denied这样的权限报错,那么请参照上文的homebrew译注,修复/usr/local目录的所有权:
sudo chown -R `whoami` /usr/local
用于编写、运行和调试React Native应用,我自己用的是这个。
React Native开发中推荐的一些插件:
ReactJS : 支持React开发,代码提示,高亮显示
Emmet :前端开发必备。
Terminal : 在sublime中打开终端并定位到当前目录,神器,mac下的快捷键为:command+shift+T
react-native-snippets:react native 的代码片段
当然还有Facebook提供的基于atom的Nuclide,webstorm,Visual Studio Code等编辑器。关于这几个编译器的配置推荐小伙伴可以参考这边文章“React Native 开发之 IDE 选型和配置”,自行选择使用学习。
Watchman (推荐使用)
Watchman是由Facebook提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新)。
brew install watchman
Flow
Flow是一个静态的JS类型检查工具。
注:你在很多示例中看到的奇奇怪怪的冒号问号,以及方法参数中像类型一样的写法,都是属于这个flow工具的语法。这一语法并不属于ES标准,只是Facebook自家的代码规范。所以新手可以直接跳过(即不需要安装这一工具,也不建议去费力学习flow相关语法)。
brew install flow
以上基本就是笔者本身随着RN英文版来搭建的环境,当然上面的一些工具你也可以自行选择自己熟悉使用的,如果有什么好的IDE欢迎交流推荐。另外,上面如果有未安装成功的小伙伴也可以留言给我,一起解决问题。