当前位置: 首页 > 后端技术 > Node.js

Windows下搭建ReactNativeAndroid开发环境&搭建项目

时间:2023-04-03 22:41:49 Node.js

使用说明:Windows下搭建ReactNativeAndroid开发环境和基础ReactNative项目搭建环境变量添加控制面板->系统和安全->系统->高级系统设置->高级->环境变量->新建工程构建调试采用真机调试。如果需要使用安卓模拟器,参考文档https://reactnative.cn/docs/g...1.环境搭建1.安装javajdk下一步是JavaJDK官网安装Nextstep1.1修改环境变量,添加JAVA_HOME的系统环境变量,值为C:\ProgramFiles(x86)\Java\jdk1.8.0_112,为JDK安装根目录1.2修改系统环境变量Path,添加%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;1.3新建系统环境变量CLASSPATH,值为.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;1.4保存所有系统环境变量,同时退出系统环境变量配置窗口,然后运行cmd命令行工具,输入javac,如果出现javac命令选项,则表示配置成功!2安装Node.js环境node.js中文网络安装是下一步下一步2.1注意:需要安装最新的长期稳定版,不是实验版;安装完成后会在全局系统环境变量中自动配置node.js安装完成后可以输入node-v查看node版本号;3、安装C++环境3.1大多数情况下,操作系统自带C++环境,无需手动安装C++环境;如果运行报错,需要手动安装VisualStudioC++环境;4、安装Git环境(可选操作)Git官网4.1Git安装完成后,会自动配置到系统环境变量中;可以运行git--version检查是否正确安装和配置了Git环境变量;5、安装Python环境这里选择python官网2.7版本5.1注意:安装Python时只能安装2.×版本,注意在安装界面勾选AddPythontopath,这样Python安装在系统环境变量中;5.2安装完成后注意以管理员身份在命令行运行python查看python6是否安装成功。配置Android环境接下来是AndroidStudio下载安装下一步6.1安装完成点击“Configure”,然后点击“SDKManager”6.2在SDKManager中选择“SDKPlatforms”选项卡,然后勾选“ShowPackageDetails”"在右下角。展开Android6勾选图中标记的选项2,展开Android9(Pie)勾选图中标记的选项6.3在SDKManager中选择“SDKTools”选项卡,勾选图中标记的选项6.4在SDKManager中,选择“SDKTools”选项卡,然后勾选右下角的“ShowPackageDetails”,在图2中选择需要的包,点击Finish,点击Install6.5配置安装环境变量:创建一个在系统环境变量中新建ANDROID_HOME,值为AndroidSDKManager安装路径为C:\Android。接下来,添加`;%ANDROID_HOME%tools;%ANDROID_HOME%platform-tools;到路径。2.初始化项目1.初始化一个项目注意:项目名称必须是英文,并且项目存放文件夹路径不能有中文react-nativeinit项目名称2.见下图说明已经有一个项目初始化3.使用adbdevices查看是否有设备连接3.1用数据线连接手机和电脑;3.2运行adbdevices命令,该命令由Android开发环境提供;3.3需要先开启手机的开发者模式,如果开启开发者模式后还是看不到设备,可以尝试安装豌豆荚之类的工具,让这些工具帮你安装手机的驱动电脑上的电话;4.先用cd切换到当前项目目录然后输入打包编译命令react-nativerun-android4.1对项目进行打包运行,将打包后的项目部署到手机上!确保手机已正确链接当前电脑,且手机已开启开发者调试模式;可以使用adbdevices查看电脑当前连接的移动设备列表!确认手机和电脑连接正确后,就可以运行react-nativerun-android对当前项目进行打包,将打包后的项目以debug模式安装到手机中!5.ReactPackage窗口的作用