react native学习笔记

一、环境搭建

注意 Node 的版本应大于等于 12,Python 的版本必须为 2.x(不支持 3.x),而 JDK 的版本必须是 1.8(目前不支持 1.9 及更高版本,注意 1.8 版本官方也直接称 8 版本)。安装完 Node 后建议设置 npm 镜像(淘宝源)以加速后面的过程(或使用科学上网工具)。

1.下载JDK

选择适应自己的机型;官网地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

配置好java环境变量:

JAVA_HOME:D:\Development\Java\jdk1.8.0_152

CLASSPATH:.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar

Path:%JAVA_HOME%\bin (追加进去即可)

2.安装Python2

下载Python2,下载地址:https://www.python.org/ftp/python/2.7.16/python-2.7.16.amd64.msi

傻瓜式安装好后,配置以下环境变量:

Path:D:\Development\Python27(追加进去即可)

3.安装Android Studio

下载地址:https://developer.android.google.cn/studio

3.1配置sdk

image-20200710143938151

image-20200710143802762

image-20200710145127264

3.2配置ANDROID_HOME环境变量

ANDROID_HOME:F:\Android\Sdk

Path的环境变量追加如下内容:

1
2
3
4
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

以上完成后,还要准备安卓真机或者安卓模拟器。

参考:https://www.jianshu.com/p/be001734b7fd

4.安装node

建议通过nvm node版本管理工具来安装node,方便切换node版本,参考教程:https://www.qcmoke.site/tools/nvm.html

5.安装react-native脚手架

1
$ npm install -g react-native-cli

6.安装安卓模拟器

可自行选择可用的安卓模拟器安装。运行安卓模拟器后执行如下命令,如果能识别出"device"设备即可。

1
2
3
$ adb devices
List of devices attached
192.168.108.101:5555 device

本人这里安卓的是genymotion模拟器,运行端口是55555。不同的模拟器可能运行端口不一样。

以下是不同模拟器对应的运行端口:

1、木木: 7555
2、夜神: 62001
3、海马:53001
4、逍遥:21503
5、天天:6555
6、雷电、genymotion、谷歌原生:5555

二、创建新项目

1
2
3
4
$ npx react-native init AwesomeProject
$ cd AwesomeProject
$ react-native run-android
# npx react-native run-android


----------- 本文结束 -----------




如果你觉得我的文章对你有帮助,你可以打赏我哦~
0%