React Native windows环境搭建

1.首先准备下载必须的依赖：Node、JDK 、Android Studio、夜神模拟器
①Node可以直接到官网下载，版本必须大于14，我这边用的是v16.15.1

②Jave JDK，我直接在360软件管家安装的，搜的是JDK 11，React Native推荐的是Java Development Kit [JDK] 11：
A.配置环境变量，用window + R键，输入sysdm.cpl，打开环境变量窗口，新建系统变量JAVA_HOME，CLASSPATH（;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar)
注意：JAVA_HOME的变量值为自己安装jdk的文件！！！

B.选择“系统变量”中变量名为“Path”的环境变量，双击该变量，把JDK安装路径中bin目录的绝对路径，添加到Path变量的值中，并使用半角的分号和已有的路径进行分隔。
　　变量名：path
　　变量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
　　

打开git 窗口，执行java -version

再执行javac -version

③安装Android Studio
A.直接在360软件管家安装

Android Studio 默认会安装最新版本的 Android SDK，所以一定要分清Android Studio跟Android SDK的安装目录，这2个我都是安装在D盘

B.下载完后，一键安装，安装界面中选择"Custom"选项，确保选中了以下几项：

Android SDK
Android SDK Platform
Android Virtual Device

然后点击"Next"来安装选中的组件。

安装完后，可以在Appearance & Behavior → System Settings → Android SDK，查看自己的SDK目录。

C.接着再去安装如下这2个插件：
在 SDK Manager 中选择"SDK Platforms"选项卡，然后在右下角勾选"Show Package Details"。展开Android 12 (S)选项，确保勾选了下面这些组件（重申你必须使用稳定的代理软件，否则可能都看不到这个界面）：

Android SDK Platform 31 Intel x86 Atom_64 System
Image（官方模拟器镜像文件，使用非官方模拟器不需要安装此组件)

D.配置Android 的环境变量
系统变量，新建ANDROID_HOME，变量值为安装的android的SDK的安装目录，具体查看可参照上个步骤（在Appearance & Behavior → System Settings → Android SDK，查看自己的SDK目录）

配置完，在系统变量Path添加如下：

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin
④安装夜神模拟器
A直接到360软件管家下载，下载完启动，启动好后在CMD，执行adb devices

如果出现 “执行 adb devices显示List of devices attached,大家自行查找解决方案！！！

然后再进行连接adb connect 127.0.0.1:62001

到这里 React Native所依赖的环境就全部安装好了
2.初始化React Native项目

npx react-native init AwesomeProject

启动项目，npm run android，第一次执行的时候特别慢，请耐心等待

注意：项目运行一定不要把这个窗口关了

当在夜神模拟器能看到如下页面，就说明所有环境都搭建好了，可以安安心心的敲代码了~~~

下一篇： React Native 路由篇 react-navigation

React Native windows环境搭建相关推荐

React Native Windows 环境搭建（适合有Android 开发基础的同学）
1.安装python2.x https://www.python.org/downloads/release/python-2718/ 2.安装NodeJS http://nodejs.cn/down ...
React Native 安卓环境搭建
基础环境必须安装的依赖有:Node.js.Yarn 和 React Native 脚手架.这是运行 RN 的基础 Node.js Node.js 的版本应大于等于 12,推荐安装 LTS 版本(去N ...
React Native开发环境搭建
1.安装Homebrew,简称brew,是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件 2.安装node,brew install node 3.使用 homebrew 安 ...
React Native开发环境搭建记录
1)下载安装node.js 设置npm镜像源 npm config set registry https://registry.npm.taobao.org --global npm config s ...
React Native windows环境安装遇到的坑
在官方中文文档中(http://reactnative.cn/docs/0.37/getting-started.html)有一段话是:使用Chocolatey来安装NodeJS.注意,目前已知Nod ...
React Native 开发环境搭建
1.安装 Python 2,不知道是否已支持 Python 3 2.安装 node,npm... 修改 npm 镜像,不建议使用 cnpm,cnpm 安装模块的路径与 npm 有差别 npm conf ...
混合开发的大趋势之一React Native（环境搭建）
转载请注明出处:王亟亟的大牛之路家里的鲨鲨皮肤病隔离了,被制裁希望快点好按照国际惯例先安利,最近每天更新10+个库,效率还行:https://github.com/ddwhan0123/Usefu ...
Mac m1 react native android 环境搭建跳坑
第一步:前面的安装和配置 brew install watchman 查看这里第二步:下面是安装jdk以下步骤: brew install adoptopenjdk/openjdk/adoptope ...
在windows上搭建React Native开发环境
最近要学习React Native,但是在window上搭建开发环境的时候遇到了些问题,以至于一直没有搭建好开发环境. React Native相关项目及文档: react-native的GitHub ...

React Native windows环境搭建

React Native windows环境搭建相关推荐

最新文章

热门文章