React Native开发环境搭建

刚刚开始学习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开发环境搭建主要就是以上几部分,至于其他协助开发工具小伙伴们就自行研究吧,我就不再赘述了。

你可能感兴趣的:(React Native开发环境搭建)