React Native-ios搭建开发环境及Hello world（简单易懂）

最新推荐文章于 2024-07-25 22:55:31 发布

Fantasy_Jun

最新推荐文章于 2024-07-25 22:55:31 发布

阅读量446

点赞数 1

分类专栏： React-Native学习笔记文章标签： ios react-native 开发环境

本文链接：https://blog.csdn.net/Fantasy_Jun/article/details/78053310

版权

1 篇文章 0 订阅

订阅专栏

本文没有多余废话解释，全是最精干的操作指令看起来不会太累
首先上一张成果图，鼓励你继续看下去：
这里写图片描述

我就不解释下面这些都是什么了，网上问度娘都有解释，比我详细
注意：以下都是在命令行（终端）中操作的，复制粘贴即可

1.1安装Homebrew

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装完node后建议设置npm镜像以加速后面的过程（或使用科学上网工具）。注意：不要使用cnpm！cnpm安装的模块路径比较奇怪，packager不能正常识别！

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

1.3安装WatchMan

brew install watchman

1.4安装Flow

brew install flow

Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。React Native的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

安装完yarn后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global

yarn config set disturl https://npm.taobao.org/dist --global

Xcode 7 及其以上更高版本

注意：init命令默认会创建最新的版本，而目前最新的0.45及以上版本需要下载boost库编译。此库体积庞大，在国内即便翻墙也很难下载成功，导致很多人无法正常运行iOS项目，中文网在论坛中提供了这些库的国内下载链接。如果你嫌麻烦，又没有对新版本的需求，那么可以暂时创建0.44.3的版本。

提示：你可以使用–version参数（注意是两个杠）创建指定版本的项目。例如react-native init MyApp –version 0.44.3。注意版本号必须精确到两个小数点。

4.1创建应用

react-native init NativeTestProject （--version 0.44.3）

在该命令后会在命令行里打印一堆东西，耐心等待，那是在创建应用

期间我遇到了这么个问题：

error An unexpected error occurred: "http://registry.npm.taobao.org/react/download/react-16.0.0-alpha.6.tgz: connect ETIMEDOUT 114.55.80.225:80".

解决方式是在命令行里输入指令：

npm i react@16.0.0-alpha.6 -S

如果创建成功了继续

4.2到创建的文件夹下

cd NativeTestProject

4.3运行应用

react-native run-ios

该指令后也会过一段时间，然后自动打开模拟器，如果出现了错误会显示在模拟器页面上，可以尝试刷新重新下载index.ios.js矫正错误，如果没有错误会…
这里写图片描述

附上一些推荐链接，都是写安装环境不错的文章：
http://blog.csdn.net/github_26672553/article/details/52159868

关注

专栏目录