React Native 环境搭建

这里主要记录了 Windows 环境下的 React Native 环境搭建,Ubuntu 环境下有包管理器搭建会相对方便。

首先搭建好 Android 的原生开发环境

React-Native 的开发需要 JDK (不低于 1.8 版本), Android-Studio

接下来搭建 React-Native 的环境

  • 安装 Chocolatey 包管理器

安装方式:在 Windows 命令提示符中直接输入:

1
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

如果 Chocolatey 没有安装成功 (可能是需要科学上网),包管理器装不上关系不大,只需要手动去官方找到安装下面依赖即可。

  • 安装 Python2

打开命令提示符窗口,使用 Chocolatey 来安装 Python 2.

注意:官方指出必须是 python2 , 不支持 python3

choco install python2

  • 安装 node

打开命令提示符窗口,使用 Chocolatey 来安装 NodeJS.

choco install nodejs.install

  • 安装 React Native命令行工具

npm install -g react-native-cli

到这里环境就基本搭建好了。如果是 Ubuntu 的话,则使用自带的包管理工具:apt 安装。

那就赶紧试一试吧

依然是在 windows 的命令指示符中 (其实 PowerShell 更好用)

新建一个 MyProject 工程:

react-native init AwesomeProject

切换到 MyProject 目录下:

cd MyProject

运行 packager:

react-native start

这时可以用浏览器访问 http://localhost:8081/index.android.bundle?platform=android 看看是否可以看到打包后的脚本(看到很长的 js 代码就对了)。第一次访问通常需要十几秒,并且在 packager 的命令行可以看到形如 [====] 的进度条。

运行模拟器

运行之后,保持 packager 开启,另外打开一个命令行窗口,然后在工程目录下运行:

react-native run-android

首次运行需要等待一段时间,因为要从网上下载 gradle 依赖。

React Native 开发者

React Native 中文网

原文链接(掘金)

-------------------本文结束 感谢您的阅读-------------------