React Native 环境搭建

移动开发之学习

---

设备

mac

开发工具

Java

jdk

1. 官网
2. 本地下载

IOS

Xcode

1. App Store 中更新至最新版

2. Realm manual install

   • 取当前环境$TMP_DIR目录
     在终端执行getconf DARWIN_USER_TEMP_DIR

   • 将realm-core-2.8.6.tar.xz文件放到 $TMP_DIR/core 目录
     如/var/folders/md/ssnyy8ds2554vfg_ynz_xksh0000gn/T/core

   • 将realm-sync-cocoa-1.10.5.tar.xz文件放到 $TMP_DIR/sync (不存在则创建sync)目录
     如/var/folders/md/ssnyy8ds2554vfg_ynz_xksh0000gn/T/sync

   • 参考github

3. 解决终端执行react_native run-ios无法启动模拟器
   报错unable to find utility “instruments”, not a developer tool or in PATH

   • 终端执行xcode-select --install

   • 参考stackoverflow

Android

Android Studio

1. Android Developers
2. 本地下载

3. 配置adb全局变量

   • 终端执行cd $HOME

   • 查看.bash_profile是否存在，如果该文件不存在时通过touch .bash_profile创建文件

   • 通过open -e .bash_profile打开文件

   • 编辑export PATH，可根据SDK的安装目录进行修改。如下：

     export PATH=${PATH}:/Users/zhoujianxing/Library/Android/sdk/platform-tools
     export PATH=${PATH}:/Users/zhoujianxing/Library/Android/sdk/tools

Genymotion

1. 官网
2. 本地下载

React Native

Visual Studio Code

1. 官网
2. 本地下载
3. 安装应用完成后在扩展插件中下载ESLint 与React Native Tools

Node

1. 官网
2. 本地下载

版本工具

Git

1. Mac自带git

Source Tree

1. 官网
2. 本地下载

运行React Native项目

react native依赖

1. 终端进入项目目录执行npm update
2. 执行npm install

运行App

• 终端执行react-native run-ios
• 终端执行react-native run-android
• 通过Xcode或android studio运行项目
  
  1. 需要先在终端执行react-native start
  2. 再运行项目

书籍

React Native 入门与实战

1. ptf版链接
2. 可先看前四章，后面的得先学ios 了。。。