RN开发（1）__环境搭建与样例

最新推荐文章于 2025-05-12 18:40:45 发布

MEdward

最新推荐文章于 2025-05-12 18:40:45 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： RN 文章标签： Android React Native 环境搭建

本文链接：https://blog.youkuaiyun.com/ApacheEdward/article/details/81209104

本文详细介绍了React Native环境搭建的过程，包括Node.js和Python 2.x的安装，npm和yarn的配置。接着通过react-native命令行创建RN项目，并解释了项目目录结构。还讨论了真机调试时可能出现的问题及解决方案，如修改主机IP和端口，解决依赖冲突等。是React Native初学者的实用指南。

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

前言

先要了解几个相关的词汇Node.js，React.js和React Native
Node.js: Node.js是JS的运行时环境，类比到Java的jvm,提供了很多系统级的API，如文件操作、网络编程等. 用事件驱动, 异步编程,主要是为后台网络服务设计,使得JS可作为后台开发的语言
React.js: Node.js的一个UI框架，可以对UI代码进行封装，实现UI组件化
React Native: 也是Node.js的一个UI框架，是基于React.js实现的
React Native跟React.js的本质区别在于在渲染时，ReactJs是驱动html dom渲染； React Native是驱动android/ios原生组件渲染。

一、环境搭建

参考资料:

React Native中文官网
(仅供参考，中文版本样例较老，直接跑都会出错，没有解决方案)

安装清单: (Required)

Node.js和npm：npm为Node.js的一个包管理工具，类此于Linux的apt等，Node.js内置了npm无需单独下载。
Python 2.x：应用于命令行的输出打印，React Native不支持3.x
react-native-cli：Node.js的一个插件，可用于命令行执行React Native命令和RN应用启动时检查服务端js文件是否更新,以及进行打包服务。

其他: (Optional)

Chocolatey：Chocolatey是一个Windows上的包管理器，用于