刚刚开始学习React Native开发,仅仅在搭建环境上就花费了一天的时间,期间遇到了很多问题,通过博客记录下来,希望能给其他小伙伴带来帮助。
安装Homebrew
Homebrew简称brew,是OSX上得软件包管理工具,能通过终端在Mac上安装和卸载软件。
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安装Node
接下来就可以使用Homebrew安装Node.js
brew install node
React Native命令行工具
Yarn是Facebook提供的Node.js的新的管理工具,用以代替npm。可以加速node模块的下载。Yarn用于执行创建、初始化、更新项目、运行打包服务等任务。
npm install -g yarn react-native-cli
Watchman
Watchman是Facebook提供的监视文件系统变更的工具,此工具能提高开发时的性能。
brew install watchman
测试
到此React Native的开发环境基本算是搭建完成,通过以下指令我们可以初始化一个官方提供的工程,测试我们的环境是否搭建成功。
react-native init AwesomeProject
cd AwesomeProject
react-native run-ios
因为被墙的原因,下载Node.js的代码hi很慢很慢,所以需要替换npm的镜像源,国内可以使用淘宝的源。大概有以下三种方法:
通过config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)
命令行指定
npm --registry https://registry.npm.taobao.org info underscore
编辑 ~/.npmrc 加入下面内容
registry = https://registry.npm.taobao.org
注意淘宝源已经改为https了。
React Native开发环境搭建主要就是以上几部分,至于其他协助开发工具小伙伴们就自行研究吧,我就不再赘述了。