React Native 环境安装与初次运行

1,128 阅读1分钟

进入公司后一直在做app前端的开发,公司之前使用的框架是Cordova,现在改回了普通webview开发,所以是想多学一些,多重准备。RN的中文文档(reactnative.cn/docs/gettin…

安装准备

所需环境

node 10.0+
java jdk 1.8.0
Android sdk
安卓环境开发软件与工具下载(www.androiddevtools.cn/#)

node环境

node版本要10.0以上,在官网下载(nodejs.org/zh-cn/downl…
选择安装版一步步运行,注意有选项可自动配置环境变量。且内部集成有npm包管理工具

jdk安装

可以在我提到的网站下载(www.androiddevtools.cn/#) 我安装的版本为1.8.0
安装JDK,我安装到的D:\Software\JavaJdk 必须得配置环境变量滴 ①java_home:D:\Software\JavaJdk

②classpath(.;开头): .;%java_home%\lib\dt.jar;%java_home%\lib\tools.jar

③追加path变量的值: ;%java_home%\bin

安卓环境安装

可以在我提到的网站下载(www.androiddevtools.cn/#) 下载SDK Tools,按提示安装即可,也可通过Android Studio安装。SDK Tools版本过低时会提示无法运行,sdkmanager.bat无法验证。

打开sdk manager


这是我安装的包,我现在这个版本的RN必须sdk platform28

配置安卓环境变量

①ANDROID_HOME:D:\Software\JavaAndroidSdk ②追加path变量的值: %ANDROID_HOME%\platforms;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;%ANDROID_HOME%;
我的Path图

环境测试

安装RN脚手架

可打开8181测试

错误解决

React native 报错:index.android.js` was not found 版本问题, 新建rn项目没有index.android.js和index.ios.js可自己创建,文件内容与index.js相同


gradle压缩包改为本地目录,可在我提供的网站下载

连接安卓手机

手机需打开开发者模式,可不同手机方法可百度,输入adb devices

连接手机后如找不到手机,则电脑可能需安装驱动,可下载豌豆荚之类的软件自动安装。

输入react-native run-android自动安装app

大功告成!