📌  相关文章
📜  react native 安装 - Shell-Bash (1)

📅  最后修改于: 2023-12-03 15:04:49.262000             🧑  作者: Mango

React Native 安装

React Native是一种用于构建跨平台移动应用程序的框架。它基于ReactJS库创建,并使用相同的基础组件、开发结构和语法。这使得开发人员能够使用ReactJS的优势(如代码可重用性和快速开发速度)来开发原生移动应用程序。

本文将介绍如何在不同操作系统上安装React Native。

安装前须知

在安装React Native之前,您需要满足以下条件:

  • 在您的计算机上安装了Node.js,并且版本在4.0或以上。您可以通过运行以下命令来检查Node.js的版本:

    node -v
    
  • 安装了npm包管理器。npm通常会与Node.js一起安装。您可以通过运行以下命令来检查npm的版本:

    npm -v
    
  • 如果您要使用iOS平台开发React Native应用程序,请确保您的计算机上安装了Xcode。

安装React Native CLI

React Native CLI是一组命令行工具,可用于创建、构建和运行React Native应用程序。

要安装React Native CLI,请打开命令行工具并运行以下命令:

npm install -g react-native-cli

此命令将全局安装React Native CLI。在安装完成后,您可以运行以下命令来验证React Native CLI是否正确安装:

react-native --version

如果React Native CLI正确安装,它将显示您安装的版本号。

创建React Native项目

要创建一个新的React Native项目,请运行以下命令:

react-native init MyProject

这将创建一个名为“MyProject”的新React Native项目。该命令可能需要几分钟才能完成。

运行React Native应用程序

要运行您的React Native应用程序,请打开一个新终端窗口。导航到您的项目目录(即cd MyProject),然后运行以下命令:

iOS平台
react-native run-ios

此命令将在Xcode模拟器中启动您的React Native应用程序。

Android平台
react-native run-android

此命令将在连接的Android设备或模拟器上启动您的React Native应用程序。

结论

通过遵循本文中的说明,您将能够安装React Native CLI并创建和运行React Native应用程序。现在,您可以开始编写您的React Native应用程序代码并构建原生移动应用程序。