react native环境搭建

安装

npm install -g yarn react-native-cli                             //安装脚手架
yarn config set registry https://registry.npm.taobao.org --global //yarn是Facebook公司替代npm的工具 这里是设置国内的的镜像源。
yarn config set disturl https://npm.taobao.org/dist --global

创建项目

react-native init AwesomeProject

运行到安卓

react-native run-android  //运行项目(前提是要把模拟器打开啊) 这个是在命令行运行项目的方式 还有一种就是直接在编译软件里打开(webstrom等等

问题

• Downloading https://services.gradle.org/distributions/gradle-4.4-all.zip 失败

1.下载对应版本的gradle

官网里面有各个版本的，可以在这里下载：https://services.gradle.org/distributions/

2.找到项目根目录 android>gradle>wrapper ，将此压缩包放在此目录   (注：不需要解压)

 

3、编辑gradle-wrapper.properties 这个文件 ，将distributionUrl这行改为：distributionUrl=gradle-4.4-all.zip 


4、将下载的压缩包解压放到某目录下，环境变量中添加GRADLE_HOME变量

     在用户变量中点击“新建”，将你解压后的文件的gradle-x.x.x的位置保存为GRADLE_HOME变量



5.在Path中添加

%GRADLE_HOME%\bin

环境配置

* 配置 ANDROID_HOME 环境变量

* path加入platform-tools、emulator、tools、tools/bin

C:\Users\你的用户名\AppData\Local\Android\Sdk

* SDK Platforms -->Android 10 (Q)

* SDK Tools–>Android SDK Build-Tools–>29.0.2

* SDK Tools -->NDK (Side by side) -->20.1.5948944

* 小米手机需要在开发者选项里关闭MIUI优化

调试

react-native start，启动完成，浏览器输入http://localhost:8081/index.android.bundle?platform=android，测试下是否正常启动，看到一堆JS说明启动成功

• http://localhost:8081/debugger-ui/
• 在终端下运行adb logcat *:S ReactNative:V ReactNativeJS:V可以看到你的应用的日志。

win7上问题配置java环境

变量名：JAVA_HOME
路径：C:\Program Files\Java\jdk1.8.0_221\（你的安装目录）

变量名：classpath
值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

Path系统变量
新建添加下面两行配置
%JAVA_HOME%\bin
%JAVA_HOME%\jre/bin

java -version，出现下图，说明配置成功了

运行到web端

npm install react-web-cli -g
react-native init [project name]