安装
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]