一时兴起想看看react框架,看完一个入门课程就直奔react native 而来。本人一直从事的是web方面的开发没做过app项目,看到这么多环境配置有点头蒙,只好 跟着官网上的步骤一步一步做。
安装Python 和node 自然是没问题了, 不喜欢搞chocolatey,就去官网下载msi 文件直接傻瓜安装。
然后是安装yarn (类似npm 的包管理工具,可以加速node模块下载) 和react-nactive-cli (React nactive 的命令行工具) ,这一步自然是也没问题了。通过npm install -g yarn react-native-cli 安装(npm 要用淘宝镜像 npm config set registry https://registry.npm.taobao.org --global)。
最后要安装android studio (提供了native 所需的sdk 和模拟器)。首先要安装jdk 1.8 及以上版本,然后去下载安装android studio 。我的android studio 是之前看ionic 时下载的,所以我 的一些步骤就省略了。
到了修改注册表时就出了一点问题,我找不到 HKEY_LOCAL_MACHINE\SOFTWARE\Wow6432Node\Android SDK Tools 这个目录,怎么办呢,百度一下也没看到合适的答案,没办法自己创建一个 Android SDK Tools 项,在新建一个字符串值将其名称设置为Path,双击Path 将其值设置为android sdk 路径。
然后初始化和运行项目:
react-native init AwesomeProject
cd AwesomeProject
react-native run-android
react-native run-android 命令就报错了:
* What went wrong:
Execution failed for task ':app:installDebug'.
> com.android.builder.testing.api.DeviceException: No connected devices!
* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.
BUILD FAILED
Total time: 27.405 secs
Could not install the app on the device, read the error above for details.
Make sure you have an Android emulator running or a device connected and have
set up your Android development environment:
https://facebook.github.io/react-native/docs/android-setup.html