Crear un proyecto con React Native CLI

Requisitos previos y configuración para la instalación de React Native

Puntos de conocimiento a dominar

• Domina los conceptos básicos de JavaScript
• Domina los conceptos básicos de React
• Domina los conceptos básicos de TypeScript

Chocolatey debe instalarse primero antes de instalar el software . Chocolatey es un popular administrador de paquetes de Windows.

Instalar nodejs y JDK

choco install -y nodejs-lts microsoft-openjdk11

Instalar las herramientas de desarrollo necesarias

• VsCode
• Android Studio (utilizado principalmente para instalar SDK virtual e instalar dispositivos virtuales)

Úselo para Android Studioinstalar el SDK y los complementos de compilación relacionados

• Seleccione Tools-> SDK Manageringrese a la página de selección de SDK
  

• Seleccione la versión SDK correspondiente para instalar
  

• Instale la herramienta de compilación ( react-native doctorpuede ver la versión correspondiente después de usar el comando)

Crear una nueva aplicación

Si instaló anteriormente el paquete global react-native-cli, elimínelo, ya que puede causar problemas inesperados:

npm uninstall -g react-native-cli @react-native-community/cli

React Native tiene una interfaz de línea de comandos incorporada que puede usar para generar nuevos proyectos. npx No necesita instalar nada globalmente con Node.js para acceder a él. Creemos un nuevo proyecto React Native llamado "AwesomeProject":

npx react-native@latest init myApp

Antes de ejecutar, primero use npx react-native doctorel comando para verificar si las dependencias relevantes cumplen con las condiciones de compilación del proyecto:

npx react-native doctor

Usamos un dispositivo virtual para ejecutar el proyecto.

npm run android

Después de compilar correctamente el proyecto, puede ver la siguiente página:

Problemas encontrados durante la instalación

1. microsoft-openjdk11La instalación falló durante la instalación

A veces, microsoft-openjdk11el paquete de instalación se ha descargado, pero la instalación falla debido a permisos u otros problemas durante el proceso de instalación. De esta forma podemos mirar el mensaje de error que nos imprime la consola, buscar microsoft-openjdk11el directorio descargado, entrar en el directorio específico e instalarlo.

2. Después de usar react-native doctorel comando, puede ver el siguiente error:
   
   El primer problema que podemos npm run androidresolver a través del comando, porque después de usar el comando, el sistema iniciará automáticamente el programa ADB correspondiente

Ignoro la tercera pregunta, porque ya la instalé Android Studio, puede ser un problema ambiental que causó el error, Android Studiosolo nos ayuda a administrar el ADB y SDK correspondiente y otros entornos, por lo que el error puede ignorarse aquí.

El cuarto problema se soluciona principalmente Android SDK Build-Toolsseleccionando e instalando la versión correspondiente en