信息发布平台推广,seo网站推广建站服务商,家居设计案例,驻马店市网站建设React-Native环境搭建及运行必须安装的依赖有#xff1a;Node、JDK 和 Android Studio。Node去官方下载#xff0c;安装一直下一步下一步就好#xff0c;最好是改下安装路径。这里主要记录JAVA JDK和Android Studio.一.安装JAVA JDKJAVA和React Native没有直接关系。React N…React-Native环境搭建及运行必须安装的依赖有Node、JDK 和 Android Studio。Node去官方下载安装一直下一步下一步就好最好是改下安装路径。这里主要记录JAVA JDK和Android Studio.一.安装JAVA JDKJAVA和React Native没有直接关系。React Native允许您仅使用JavaScript构建移动应用程序它可以让Android设备构建移动应用程序。 Android设备使用基于JAVA平台的SDK。所以我们先下载JAVA SDK1.首先去官网下载JDKJAVA JDK下载(注意下载时需要登录Oracle账号这个不需要用自己邮箱去注册注册了也不能用直接百度搜索下就能找到能使用的账户和密码)选择想要的版本进行下载。我是window选择的windowsx64版本建议不要使用太高的版本。可能会不支持。我这里下载的是8版本下载时间可能会久一点取决于当下的网路。2.安装下载完成后双击运行一直下一步。3.配置环境变量在完成安装之后此时的JDK还不能马上使用还需要配置环境变量。之前还是前端菜鸟记得当时配置环境用了至少两天时间。当时尤其是在配置环境变量时出错了很多次所以刚入门的小同学可以看仔细喽~我尽量写清楚点。(1)控制面板系统和安全系统高级系统设置最后点击环境变量(2)添加新的系统变量在系统变量里面点击新建来创建一个新的系统变量。变量命JAVA_HOME(可以任意取名字建议是这样起名。)变量值取得是当时安装jdk的目录位置。(3)在系统变量栏下找到 Path 变量然后进行编辑新建添加两个配置分别是D:\myfile\soft\java\jdk1.8.0_231\bin;D:\myfile\soft\java\jdk1.8.0_231\jre\bin;(4)新建系统环境变量CLASSPATH值为.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar;(5)运行cmd 输入 java -version 显示版本信息就表示成功了。二.安装Android JDK1.首先去官网下载JDK点此下载Android Studio 确保在安装 Android Studio 之前已经安装好 Java JDK2.安装之后再双击打开安装完成后在Android Studio的欢迎界面中选择Configure | SDK Manager在SDK Platforms窗口中选择Show Package Details就可以看到每个版本里面的详情内容。勾选根据自己需要的版本下载。(包很大不建议全部勾选)在Android 6.0 (Marshmallow)中勾选1、Google APIs2、Android SDK Platform 233、Intel x86 Atom System Image4、Intel x86 Atom_64 System Image5、Google APIs Intel x86 Atom_64 System Image在SDK Tools选项卡同样勾中右下角的Show Package Details。展开Android SDK Build-Tools选项确保选中了 React Native 所必须的28.0.3版本。你可以同时安装多个其他版本。最后点击Apply来下载和安装这些组件,下载过程很缓慢。。。也和网络速度有关。建议下班后不关电脑直接让它装一晚上。。(记得充电呦~)3.配置环境变量经过漫长的安装终于到了配置android环境变量的时候了。(1)控制面板系统和安全系统高级系统设置最后点击环境变量环境变量确保ANDROID_HOME指向你的SDK(2)Android SDK的platform-tools、emulator、tools、tools\bin添加到PATH变量中三.调试设备1.模拟机模拟机我个人是推荐使用夜神模拟机官方下载即可。安装成功后命令行连接模拟器(前提是配置了 adb 环境变量或者到 sdk adb 目录下运行)看到 connected to 127.0.0.1:62001 时表示连接成功。如何没有则首先在cmd中输入ipconfig看下自己的ip地址。然后cd到夜深模拟器中的bin 目录运行adb connect 127.0.0.1:62001;将模拟器绑定ip后cd到rn项目文件夹下。运行命令行adb devices 查看是否有模拟器配置。当前是有设备链接。2.真机手机数据线链接四.初始化项目及运行打开CMD,运行命令npm install -g react-native-cli下载react-native环境。1.找个文件夹运行命令创建文件名称里面会包含基本页面。react-native init reactNativeDemo2.到当前新创建的项目目录下cd reactNativeDemo3.启动本地服务react-native start4.启动本地模拟器会自动安装app应用apk包react-native run-android如果模拟机桌面没有新建的项目apk包的话需要从目录中找到放到模拟机桌面。E:\duojia\reactNativeDemo\android\app\build\outputs\apk\debug目录下生成的.apk文件直接拖拽到模拟器中。运行react-native run-android如果报错如下(意思是没有连接设备)5.原因是需要设置模拟机的设备号和端口号。设置好之后返回重新按设置菜单选择 Reload并重新加载项目运行Reload之后项目即可以跑起来了可以愉快的开发啦 ~ ^_^注第一次启动运行react-native run-android命令以后再次启动运行react-native start即可。本文地址https://blog.csdn.net/weixin_45851208/article/details/107091930希望与广大网友互动点此进行留言吧
