ReactNative从零开始搭建环境笔记0

ReactNative环境搭建需要安装的东东

环境相关

• 安装ruby环境（rvm版本管理、ruby、gem）
• 安装node环境 (nvm版本管理、node 、npm)

RN相关

• 安装react-native-cli （全局安装RN命令）
• 安装watchman （监视文件系统变更的工具）

iOS相关

• 安装Xcode （iOS开发工具）
• 安装cocoaPods （iOS第三方管理工具）

安卓相关

• 安装JDK （Java Development Kit）
• 安装 Android Studio （Android 开发环境）

1、安装Ruby环境
Ruby环境安装参考

2、安装node环境
Node环境安装参考

3、 安装react-native-cli

全局安装react-native 指令
npm install -g yarn react-native-cli

4、安装watchman

brew install watchman

5、安装Xcode （iOS开发工具）

React Native 目前需要Xcode9.4或更高版本 。你可以通过 App Store 或是到Apple 开发者官网上下载。这一步骤会同时安装 Xcode IDE、Xcode 的命令行工具和 iOS 模拟器。

6、安装cocoaPods （iOS第三方管理工具）

sudo gem install -n /usr/local/bin cocoapods

当显示下面的 gems installed 再终端输入

pod setup

这个过程可能比较漫长，等出现Setup completed的时候说明pod已经安装成功了，后面就可以使用pod了

检测版本

pod --version

7、 安装JDK （Java Development Kit）
React Native 需要 Java Development Kit [JDK] 1.8（暂不支持 1.9 及更高版本）。你可以在命令行中输入

javac -version来查看你当前安装的 JDK 版本。如果版本不合要求，则可以到 官网上下载。

8、安装 Android Studio （Android 开发环境）

请注意！！！国内用户必须必须必须有稳定的翻墙工具，否则在下载、安装、配置过程中会不断遭遇链接超时或断开，无法进行开发工作。某些翻墙工具可能只提供浏览器的代理功能，或只针对特定网站代理等等，请自行研究配置或更换其他软件。总之如果报错中出现有网址，那么 99% 就是无法正常翻墙。

• 安装 Android Studio
• 安装 Android SDK
• 配置 ANDROID_HOME 环境变量

安卓参考安装教程