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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容