1,jdk
2, android studio integrated development environment
3. Configure adb environment variables
cd user home directory cd ~
Then if the .bash_profile file does not exist in the directory, create the file
$touch .bash_profile
open the folder
$open .bash_profile
JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_92.jdk/Contents/Home
export PATH=$JAVA_HOME/bin:$PATH
ANDROID_HOME=Library/Android/sdk
export PATH=$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$PATH
save and exit, then execute
$source .bash_profile
test
$adb version
4. Install nodejs, https://nodejs.org/en/ installation package automatically installs nodejs and npm
Detect node --version npm --version View version number
5, install react native
$ sudo npm install -g react-native-cli
-g means install globally
$open /usr/local/lib/node_modules to see all packages installed globally by npm
6, Initialize the sample project
$react-native init AwesomeProject takes a while
7. Start the react-native service and run the test project
cd AwesomeProject
$react-native run-android
第一次运行可能会安装gradle,速度有点慢,要耐心,等等等。。。 PS:测试推荐使用真机,安卓虚拟机启动速度不想吐槽。。。 真机调试时,如果一打开一片红,“Unable to download JS bundle”,请摇晃手机,在弹出的选单里选择Dev Settings,选Debug server host for device,然后输入电脑的IP地址,此时手机要与电脑(编译环境)在同一Wifi环境下
8,编辑代码
打开index.android.js并修改部分代码,保存 摇动手机,点Reload JS,可以看到界面变化了(增加静态资源时,需要重新编译)