2-3 RN创建项目

348 阅读1分钟

在这一节中,我们将学习如何创建一个 React Native 项目。

首先,打开 React Native 中文网,按照文档上的指导,你会看到需要全局安装 react-native-cli 工具。然后,使用 react-native init AwesomeProject 命令来创建一个新的项目。然而,官方文档中有一个黄色提示:如果之前已安装了全局的 react-native-cli,请将其删除,因为该工具可能会导致意外问题。

实际上,react-native-cli 工具已迁移至 react-native 内部,官方推荐使用 npx 来创建项目,而不是全局安装 react-native-cli。因此,建议遵循官方文档的说明。

使用 npx 创建项目

npm 是我们在安装 Node.js 时自动安装的包管理工具。而 npxnpm 5.2 版本引入的一条命令,用于执行依赖包中的二进制文件。通过 npx,我们可以直接在命令行中执行项目中安装的模块,避免了全局安装依赖包的麻烦。具体来说,npx 会先在本地查找是否安装了 react-native-cli,如果没有找到,会自动从 npm 上下载安装并执行。

要创建一个新的 React Native 项目,可以使用以下命令:

npx react-native init RNDemo

运行项目

创建完成后,进入项目目录:

cd RNDemo

然后,运行以下命令来启动项目:

npx react-native run-android

该命令会自动启动 Android 模拟器,并将项目安装到模拟器中。同时,会启动一个 Web 开发服务器,提供项目中的 JavaScript 文件。在开发模式下,通过加载开发服务器提供的 JS 文件,React Native 可以实现热更新和动态加载,提高开发效率。