这里主要记录了 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 依赖。