1.2 创建 React Native项目

React Native 环境搭建稍微麻烦一点，不过 React Native 官网把详细的步骤都已经列出来了，这里就不再重复介绍了。

英文官网内容是最新的，建议由能力的查看英文官网，搭建环境方式有两种，这里直接选择 Building Projects With Native Code 方式，如图1-1所示。

图 1-1 使用 Building Projects With Native Code方式搭建环境

按照官网搭建好 React-Native 项目，请确保电脑上已经满足下面的这些条件：

  • nodejs：RN 的所有库都是从 npm 上安装的，请确保电脑上已经安装了 npm，可以使用npm -v来查看当前是否已安装。
  • react-native-cli：这个通常用作 RN 的初始化和启动模拟器等，使用 NPM 可以安装到电脑上。
  • Python2：RN 里面有些脚本是使用 Python 写的。
  • JDK 1.8：Android 项目需要使用 JDK 1.8，请在电脑上安装好。
  • Android Studio：调试以及编译安卓代码需要使用到，请在安装 Android Studio 之后安装好 Android SDK 以及模拟器，在安装好 IED 之后请下载好需要使用到的 Android SDK，下载 SDK 默认是链接国外服务器，会比较慢，最好把下载地址替换成国内的几个下载源。
  • Xcode（仅 iOS 项目中）：安装了 Xcode 才能使用 iOS 模拟器，有些和 Android 不一样的效果可以单独调试。
  • Git：后面的项目会加入到 Git 中，使用 Git 做版本管理的好处不言而喻。Mac系统上安装Xcode后自动也会安装好Git。
  • Watchman（仅 Mac 系统用到）：Watchman 用来监听文件变动等，Mac 下必须安装 Watchman。
  • WebStorm 或者 VSCode ： 这是主流的 RN 开发工具，本书采用 WebStorm，该软件和 Android Studio 操作方式几乎一样，方便 Android 开发者无缝过度。

创建项目

执行命令

react-native init TShop

可以初始化一个 RN 项目，项目名称是 TShop ，这一步需要执行一段时间，耐心等待。

下面指令分别是运行 Android 和 iOS 程序

react-native run-android  

react-native run-ios

results matching ""

    No results matching ""