windows下安装react native要点

最新推荐文章于 2024-05-27 16:18:06 发布

原创最新推荐文章于 2024-05-27 16:18:06 发布 · 518 阅读

0 ·

CC 4.0 BY-SA版权

Node.js 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍如何从零开始搭建React Native开发环境，包括Node.js安装、全局安装React Native CLI、初始化项目、配置模拟器及真机运行环境等步骤。此外还介绍了如何解决一些常见问题，例如关闭防火墙、设置环境变量等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、安装nodejs4.4
2、npm install -g react-native-cli
3、新建工程文件夹，react-native init MyProject

然后布置真机或者模拟器：

1、sdk的tools文件夹一定要加到path中来
2、android list avd 来查看已经创建的avd
3、emulator -avd avdname来启动avd，并且可以通过 Ctrl+F11来切换手机模拟器的横纵摆放

使用模拟器之后，默认和电脑是同时处在一个局域网之内的。这样便可以打包运行和访问RN程序

cd至项目根目录下，通过npm start启动packager服务，通过
http://localhost:8081/index.android.bundle?platform=android
即可访问到脚本

packager启动成功之后，便可以使用react-native run-android来运行并在设备上安装apk文件。注意以下两点：
1、关闭防火墙，否则gradle无法正确下载
2、设置ANDROID_HOME环境变量，设置为sdk的根目录
3、检查sdk的build-tools是否已经更新到最新版本

以上都成功，则build便会成功，最终native程序得以正常运行