具体参考React Native中文官网 https://reactnative.cn/docs/0.51/getting-started.html
1.环境搭建:React Native 主要依赖以下环境。
Mac OS X操作系统,推荐使用Xcode7.3.0或者更高版本。安装Node.js v6.2.1或者更高版本。利用Homebrew安装watchman和flow。安装React Native 安装NVM创建第一个HelloWorld程序。
1.1安装Xcode
1.2安装Node.js
Node.js官网:https://nodejs.org







打开电脑终端

1.3安装Homebrew 安装
打开终端,按照如下操作:
1./usr/bin/ruby -e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.安装Yarn
Yarn是Facebook提供的替代npm的工具,可以加速node模块的下载。React Navtive的命令行工具用于执行创建、初始化、更新项目、运行打包(packager)等任务。
安装指令: npm install -gyarn react-native-cli
如果出现以下截图问题,还是权限问题

解决办法,在指令前加sudo npm install -gyarn react-native-cli
根据提示输入密码即可安装成功

3. 接下来通过brew安装watchman和flow
在终端 用两个指令安装 brew install watchman 和 brew install flow
3.1安装Watchman,它是Facebook提供的监视文件系统变更的工具。(下面两个工具推荐安装)
brew install watchman
3.2安装Flow,它是一个静态的JS类型检查工具,可方便找出代码中可能存在的类型错误。
brew install watchman
3.接下来就可以创建项目了:
react-native init HelloWorld

出现以上警告:有一个安全低漏洞,但是项目已经创建成功了,具体看见创建项目目录:

cd HelloWorld
react-native run-ios
出现以下两个终端界面就表示环境搭建成功。


网友评论