从零开始一个react native项目

声明:本项目是运行在windows环境下 安卓夜神模拟器的

java环境的配置

1.官网下载jdk 注意问题 最新版的jdk(如12.0.2)安装时不像1.8那样会提示是否安装jre 导致安装完成后java -version报错; 解决办法 第一种 去官网下载对应的jre版本并手动安装 第二种 切换到jdk的安装目录 执行 bin\jlink.exe --module-path jmods --add-modules java.desktop --output jre 命令 成功后该安装目录下会自动生产jre文件夹

2.配置环境变量 Path路径下%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;(前面无分号需加分号)

Android环境配置

1.官网下载最新版的android studio并安装 注意问题 安装时到最后有一个选择默认还是自定义的选项面板 我刚开始安装时一直时下一步默认 结果安装完成之后它不会安装sdk 然后我在sdk manager里面又没法安装 要选择本地下载的sdk的路径 很不好搞 解决办法 重新安装时选择了custom自定义选项 直接安装sdk 搞定

2.配置环境变量 新建一个名为ANDROID_HOME的环境变量 值设置为你的Android SDK所在的目录 点击确定 完了之后 将sdk下platform-tools 目录添加到环境变量 Path 中(android和amd命令均可执行成功则表示配置完成)

创建react-native项目

1.下载node.js并安装(node -v和npm -v命令执行成功则表示安装成功) 之后执行npm install -g cnpm安装cnpm

2.执行cnpm install -g react-native-cli全局安装react-native脚手架

3.执行react-native init rnDemo命令创建一个react-native项目

将项目运行在夜神模拟器上

1.下载夜神模拟器并安装 安装之后需要更新nox_adb.exe文件 使它与android sdk的版本保持一直,将android sdk目录下的adb.exe复制到夜神安装目录下并替换nox_adb.exe原文件

2.夜神安装bin目录下执行nox_adb connet 127.0.0.1:62001 之后在rnDemo下执行adb devices若显示设备列表并包含127.0.0.1:62001的设备则表示连接成功

3.rnDemo目录下执行react-native run-android运行项目 夜神模拟器生成app并打开并显示页面则表示运行成功

4.运行过程中遇到比较坑的问题 就是一直提示 Failed to install the app. Please accept all necessary SDK这个错误 百度误解 回到官网 仔细阅读找到了原因 android studio安装时默认只选择了最新的sdk

你可能感兴趣的:(react,native,android,js)