当前位置:首页 > React

如何启动react native

2026-02-11 22:32:02React

安装Node.js和npm

确保系统已安装Node.js(建议使用LTS版本),npm会随Node.js自动安装。可通过以下命令验证安装:

node -v
npm -v

安装React Native CLI

全局安装React Native命令行工具:

npm install -g react-native-cli

或使用npx(推荐,避免全局安装):

npx react-native init ProjectName

安装Android Studio或Xcode

  • Android开发:安装Android Studio,配置SDK和模拟器。
  • iOS开发:需Xcode(仅限macOS),通过App Store安装。

初始化项目

使用以下命令创建新项目(替换ProjectName):

npx react-native init ProjectName
cd ProjectName

启动开发服务器

在项目根目录运行:

npm start

如何启动react native

yarn start

运行应用

  • Android
    npx react-native run-android
  • iOS
    npx react-native run-ios

调试工具

  • 摇动设备或按快捷键(Android模拟器按Ctrl+M,iOS模拟器按Cmd+D)打开开发者菜单。
  • 使用Chrome开发者工具或Flipper进行高级调试。

常见问题

  • 端口冲突:确保8081端口未被占用,或通过--port参数指定其他端口。
  • 环境变量:若报错,检查ANDROID_HOME或Xcode路径是否正确配置。

以上步骤涵盖从环境配置到项目运行的完整流程。根据平台需求选择Android或iOS相关操作。

标签: reactnative
分享给朋友:

相关文章

如何开发react

如何开发react

开发React应用的基本步骤 安装Node.js和npm 确保系统中已安装Node.js(包含npm)。可通过官网下载安装包,安装后验证版本: node -v npm -v 创建React项目…

react如何打包

react如何打包

打包 React 项目的基本步骤 React 项目通常使用 create-react-app 或类似的脚手架工具创建,这些工具内置了打包功能。以下是打包 React 项目的详细方法: 安装依赖并构建…

react如何检测

react如何检测

检测 React 应用的方法 使用 PropTypes 进行类型检查 PropTypes 是 React 内置的类型检查工具,用于验证组件的 props 是否符合预期。在开发环境中,PropTypes…

react如何下载

react如何下载

安装 React 的步骤 通过 npm 或 yarn 安装 React,确保已安装 Node.js(版本建议 ≥ 14.0.0)。打开终端或命令行工具,运行以下命令: npx create-reac…

如何清洁react

如何清洁react

清洁 React 项目的方法 删除未使用的依赖项 运行 npm ls 或 yarn list 检查已安装的依赖项,使用 npm uninstall <package> 或 yarn rem…

react 如何获取dom

react 如何获取dom

获取 DOM 的方法 在 React 中,可以通过 useRef 或 createRef 来获取 DOM 节点。useRef 是函数组件中常用的方法,而 createRef 通常用于类组件。 使用…