ReactNative

1.环境需求

1.1咱装Homebrew

Homebrew是OSX的套件(包)管理器(类似于windows里的360管家，可以帮你下载软件)，可以它安装很多组件

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

命令行执行brew -v进行检查brew是否已经安装成功

1.2安装npm和Node.js

Node.js最好安装4.0及以上版本，由于Node.js已经集成了npm，所以只要安装Node.js就行了，网址：https://modejs.org/en/download/

或者直接用命令行安装node，brew install node

1.3安装WatchMan

插件用于监控bug文件和文件变化，并且可以触发制定的操作

brew install watchman

安装成功

1.4安装Flow

flow是一个JavaScript的静态类型检查器，建议安装它，以方便找出代码中可能存在的类型错误

brew install flow

flow

2.React Native安装

2.1安装React Native

npm install -g react-native-cli

安装RN

3.创建项目

react-native init 项目名称

注意：由于众所周知的网络原因，需要等待很长时间

安装完成

4.iOS开发环境  XCode

选择创建的工程中的iOS程序，运行起来，弹出本地服务器

本地服务器

需要修改url为本电脑地址

修改url地址

运行程序

运行引用程序

5.android开发环境 Android studio

5.1.安装Android studio

5.2.安装模拟器

安装Genymotion,是一个第三方的模拟器，它比谷歌广官方的模拟器更易设置且性能更好，但是只针对个人用户免费

1）下载Genymotion     https://www.genymotion.com/

2) 打开Genymotion，如果你尚未安装VirtualBox，它有可能会提示你安装

3）创建一个模拟器并启动

4）按下command+M可以打开开发者菜单(在安装并启用了React Native应用之后)

附上相关的文档链接：https://reactnative.cn/docs/getting-started/

欢迎关注我的公众号，专注iOS开发、大前端开发、跨平台技术分享。

iOS开发之家