Un proyecto simple es realmente muy simple de configurar y ejecutar.
La esencia es: primero instale node.js, luego instale react-native-cli, la herramienta de línea de comando, luego use la herramienta de línea de comando react-native para crear el proyecto, y finalmente use el comando para ejecutar el proyecto. Cuatro pasos.
La primera es la instalación de nodejs, la instalación de nodejs está relacionada con tu sistema operativo, hay mucha información, así que no la repetiré.
¿Por qué instalar node.js primero? Porque casi todos los ecosistemas front-end de JS ahora giran en torno a npm (administrador de paquetes de Node).
Después de instalar node.js, use npm para instalar la interfaz de línea de comandos de react-native, que es react-native-cli,
El comando es:
npm install -g react-native-cliEn cuanto a los comandos en el sitio web de RN Chinese:
npm install -g yarn react-native-cliDe hecho, el hilo y react-native-cli se instalan juntos a la vez.
Después de instalar el comando anterior, puede ejecutar el siguiente comando,
react-native init AwesomeProject
cd AwesomeProject
react-native run-androidLa función del primer comando es crear un proyecto RN
react-native init AwesomeProjectLa función del segundo comando. . . Es entrar a este proyecto (sin mencionar esto, supongo que todos lo saben)
cd AwesomeProjectLa función del tercer comando es ejecutar el proyecto RN creado.
react-native run-androidSi ha abierto el emulador de Android en este momento, felicidades, la primera aplicación RN ya debería estar ejecutándose.
El efecto después de correr es el siguiente:
En realidad, es muy simple, ¿verdad?
Además, para ver la salida de la consola del proyecto RN, necesitamos instalar watchman, pero no entraré en detalles aquí. Puede ir al sitio web oficial de RN o al sitio web chino para verificar el contenido.
El enlace es el siguiente:
RN Chinese Network
https://reactnative.cn/docs/0.51/getting-started.html
Sitio web oficial de RN
http://facebook.github.io/react-native/docs/getting-started.html