当前位置: 移动技术网 > IT编程>开发语言>JavaScript > ReactNative环境搭建

ReactNative环境搭建

2019年04月05日  | 移动技术网IT编程  | 我要评论

1搭建开发环境

1.1安装chocolatey

用管理员打开cmd,执行以下命令:

powershell -noprofile -executionpolicy bypass -command "iex

  ((new-object net.webclient).downloadstring('https://chocolatey.org/install.ps1'

))" && set path=%path%;%allusersprofile%\chocolatey\bin

执行完毕之后,chocolatey就安装好了。

1.2安装python

choco install python2

1.3安装node

choco install nodejs.install

1.4安装yarn、react-native-cli

npm install -g yarn react-native-cli

1.5安装java

1、下载
官网地址:
2、安装jdk

直接运行exe可执行程序,默认安装即可;
备注:路径可以选其他盘符,不建议路径包含中文名及特殊符号。

3、配置环境变量

1) 新建变量名:java_home,变量值:c:\program files\java\jdk1.8.0_11
2) 打开path,添加变量值:%java_home%\bin;%java_home%\jre\bin
3) 新建变量名:classpath,变量值:;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

备注:
1) .表示当前路径,%java_home%就是引用前面指定的java_home
2) java_home指明jdk安装路径,此路径下包括libbinjre等文件夹,tomcateclipse等的运行都需要依靠此变量。
3) path使得系统可以在任何路径下识别java命令。
4) classpathjava加载类(class or lib)路径,只有类在classpath中,java命令才能识别。

4、测试jdk

cmd命令窗口下输入javac 命令,出现如下界面,则安装成功。

 

 

1.6安装android studio

确定所有安装都勾选了,尤其是android sdkandroid device emulator

在初步安装完成后,选择custom安装项:

 

 

检查已安装的组件,尤其是模拟器和 haxm 加速驱动:

 

 

 

1.7安装sdk、配置环境变量

右键我的电脑,打开属性,点击高级系统设置,打开环境变量:

1、新建一个环境变量名称为android_home,变量值为当前安装sdk的目录

例如sdk装在d:\androidsdk中,则环境变量为:

 

 

2、把%android_sdk_home%\platform-tools;%android_sdk_home%\tools添加到path环境变量中。

1.8创建新项目

使用 react native 命令行工具来创建一个名为"awesomeproject"的新项目:

react-native init awesomeproject

编译并运行 react native 应用

cd awesomeproject

react-native run-android

 

环境搭建与编译问题

q:编译时报错,报错信息中含有could not determine java version等字样

 

 

a:重装jdk1.8,注意目前不能使用更高版本

 

q:编译时报错,报错信息中含有“:app:packagedebug”等字样

 

 

a:安装gradle

 

q:运行adb reverse tcp:8081 tcp:8081时报错,报错信息中含有'adb' 不是内部或外部命令等字样

a:sdk环境变量配置有问题,重新配置/platform-tools,\tools,重启android studio

 

 

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网