搭建React native开发环境

最新推荐文章于 2025-06-09 17:58:20 发布

原创最新推荐文章于 2025-06-09 17:58:20 发布 · 209 阅读

CC 4.0 BY-SA版权

2 篇文章

订阅专栏

本文详细介绍了ReactNative开发环境的搭建过程，包括NodeJS、NPM的安装配置、Python2及JDK等必备依赖，同时提供了创建并运行ReactNative项目的步骤。

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

记录一下我搭建React native开发环境的过程,希望对大家有点帮助

参考文章:

搭建之前,先把 React Native中文网多看几遍,严格按照描述的软件版本来安装,

必须安装的依赖有：Node、React Native 命令行工具、Python2 以及 JDK 和 Andriod Studio。

1.参考上面<NodeJS、NPM安装配置步骤(windows版本)>,这篇作者描述很清楚,主要看这篇文章

下载Node.js,然后一路向下,next进行安装,安装完成之后,命令行分别输入以下命令,

node -v

npm -v

如果正确输出版本号，说明我们的NodeJS和NPM就安装好了

,重点在配置NodeJS和NPM,一是要重新配置npm的包下载路径,一般配置在非C盘的其他盘,防止时间一长,占用C盘空间;

二是要把一中修改后的路径配置到环境变量中

做完上面的步骤之后,执行下面,这几句话来自于 React Native中文网

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

Yarn是 Facebook 提供的替代 npm 的工具，可以加速 node 模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

安装完 yarn 后同理也要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

2.安装Python2 ,不是Python3,如果自己电脑上已经按照有Python3,那么一定要区分开两个

,就是把两个中的一个的python.exe改个名字,如python2的话,就把安装路径里面的python.exe改成python2.exe,然后把安装路径配置到环境变量中,然后在命令行中执行python2,如果出现版本号,说明环境变量配置成功

3Android studio 还有SDK什么的这些是Android 开发的标配软件了,安装方式不说了

执行完上述,环境已经搭建完成

现在创建项目

进入一个文件夹,在命令行中执行 react-native init AwesomeProject,等待执行完成之后,cd进入AwesomeProject目录下,执行

react-native run-android

在模拟器上面运行出来了,而且根据文档说,修改了App.js后,在模拟器上按两次R,便会更新

在小米真机上运行的时候,碰到这个问题

解决办法:

开发者选项------------->USB安装打开(在usb调试下面)