ReactNative Windows Android开发环境搭建

来源:互联网 发布:共和 知乎 编辑:程序博客网 时间:2024/05/16 00:46

(一)Python安装

下载地址:http://download.csdn.net/download/u010646258/9761725

安装成功后配置环境变量,输入python -V如下图表示安装成功(注意V大写)


(二)NodeJs安装

下载地址:http://download.csdn.net/detail/u010646258/9761727

安装成功后,输入node -v如下图表示安装成功


(三)React-native安装

在这之前需要安装好JDK和android的SDK,并且配置好环境变量,这里就不说了。安装好后,开始React-native安装

在控制台上输入命令(红色字体)

npm设置淘宝镜像

npm config set registry https://registry.npm.taobao.org

npm config set disturl https://npm.taobao.org/dist

安装React native命令行工具

npm install -g react-native-cli

初始化项目

react-native init reactNative

启动项目

react-native run-android

注意:

1.初始化项目这个命令

react-native init reactNative

在指定盘符下输入,比如在E盘下输入,那么就会在E盘下建立工作空间reactNative


此命令可能会出错,有可能是win7系统需要升级,有可能是c++框架没装,由于我在这块没碰到问题,就不多说了。

2.启动项目这个命令,要在上一命令建立的工作空间里输入(要保证有android连上了机器,因为项目需要运行在android设备上)

react-native run-android


输入后我用两台电脑测试都出了问题


主要问题不要看下面

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

这个问题首先要注意设置环境变量ANDROID_HOME:Android SDK Manager的位置 例如:(ANDROID_HOME=> E:\Android\sdk)设置环境变量PATH:例如:(PATH=> %ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools)

这个没问题的话,一般就是SDK需要更新,比如我的问题recyclerview-v7/23.4.0没找到


解决办法,找到SDK Manager.exe打开,更新recyclerview就行了,


更新完毕后


recyclerview-v7/23.4.0了,

重新执行命令react-native run-android


运行成功,但是打开后一片空白或者一片红。这个问题解决办法参考

http://blog.csdn.net/itpinpai/article/details/50845625



0 0