React Native入门--开发环境搭建
React Natvie中文网:https://reactnative.cn/docs/getting-started/一、开发环境的搭建和配置1、安装node(8.3版本以上)、python2.x(建议2.7.13),node用于提供npm包管理器,专门用于管理js包;安装完node建议设置npm镜像以加快后面的过程:npm config set registry http...
React Natvie中文网:https://reactnative.cn/docs/getting-started/

一、开发环境的搭建和配置
1、安装node(8.3版本以上)、python2.x(建议2.7.13),node用于提供npm包管理器,专门用于管理js包;
安装完node建议设置npm镜像以加快后面的过程:
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
2、安装yarn和react native的命令行工具。yarn是代替npm的工具,可以加快node的下载;react native的命令行工具用于执行创建、初始化、更新项目、运行打包(packager)等服务。
npm install -g yarn react-native-cli
安装完yarn后也要设置镜像:
yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global
安装完yarn后,就可以使用yarn来代替npm。(例如:用yarn代替npm install;用yarn add 代替 npm install)
3、安装JDK1.8(https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

记得勾选Accept License Agreement,下载x64版本
4、安装Android Studio(http://www.android-studio.org/)

5、安装Android SDK。
Android Studio会默认安装最新版的SDK,目前编译RN需要的是Android 8.1版本的SDK;

在 SDK Manager 中选择"SDK Platforms"选项卡,然后在右下角勾选"Show Package Details"。展开Android 8.1 (Oreo)选项,确保勾选了下面这些组件:
Android SDK Platform 27
Intel x86 Atom_64 System Image(官方模拟器镜像文件,使用非官方模拟器不需要安装此组件

然后点击"SDK Tools"选项卡,同样勾中右下角的"Show Package Details"。展开"Android SDK Build-Tools"选项,确保选中了 React Native 所必须的27.0.3版本。你可以同时安装多个其他版本。
最后点击"Apply"来下载和安装这些组件
6、配置环境变量
RN需要通过环境变量来了解你的SDK安装的位置,从而进行正常的编译;
控制面板 ->系统和安全->系统->高级系统设置->高级->环境变量->新建,创建一个名为ANDROID_HOME的环境变量,指向你的SDK安装路径

你可以在 Android Studio 的"Preferences"菜单中查看 SDK 的真实路径,具体是Appearance & Behavior → System Settings → Android SDK
在环境变量的path中添加\sdk\tools和\sdk\platform-tools

7、创建新项目
使用RN命令行工具创建一个名为“AwesomeProject”的新项目
react-native init AwesomeProject
你可以使用--version参数(注意是两个杠)创建指定版本的项目。例如react-native init MyApp --version 0.44.3。注意版本号必须精确到两个小数点。
8、准备Android设备
使用模拟器进行开发:
使用 Android Studio 打开项目下的"android"目录,然后可以使用"AVD Manager"来查看可用的虚拟设备
如果你刚刚才安装 Android Studio,那么可能需要先创建一个虚拟设备。点击"Create Virtual Device..."图标,然后选择所需的设备类型并点击"Next",然后选择Oreo API Level 27 image.

9、编译并运行应用
判断是否连接到了模拟器或是真机,cmd中输入:adb connect 127.0.0.1:62025
确保你先运行了模拟器或是真机,然后在你的项目目录中运行react-native run-android:
Android环境搭建要点:
(1)配置jdk环境变量
在环境变量的path变量中加入jdk安装目录的bin路径字符串(C:\Program Files\Java\jdk1.8.0\bin)。
配置好后,在命令提示符界面输入"java -version"将显示jdk版本信息。
(2)JAVA_HOME环境变量
添加JAVA_HOME环境变量,并设置值为jdk安装目录字符串(C:\Program Files\Java\jdk1.8.0)。
如果不配置JAVA_HOME,安装Android sdk将发现不了jdk。
(3)安装Android Studio过程中报"Failed to install Intel HAXM"提示
查看错误日志显示为"This computer meets the requirements for HAXM, but Intel Virtualization Technology (VT-x) is not turned on. HAXM cannot be installed until VT-x is enabled."
解决办法:在BIOS中设置"Intel Virtual Technology"项为"Enable",然后保存,重新安装即可。
(4)ANDROID_HOME环境变量设置
添加"ANDROID_HOME"环境变量,并设置值为Android Sdk的安装路径
(5)把Android的"tools"和"platform-tools"加入path环境变量。
配置完Android的环境变量,在命令提示符界面输入"adb"将显示Android调试版本信息。也可以输入"android -h"将显示Android相关信息
更多推荐


所有评论(0)