Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erklärung zum Erstellen einer Entwicklungsumgebung mit React Native

Detaillierte Erklärung zum Erstellen einer Entwicklungsumgebung mit React Native

小云云
小云云Original
2018-01-04 09:13:191834Durchsuche

In diesem Artikel werden hauptsächlich die Schritte zum Aufbau einer Entwicklungsumgebung in React Native vorgestellt. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Vorbereitung

  1. node -v: Bestätigen Sie, ob Node erfolgreich installiert wurde, andernfalls fahren Sie zuerst fort Knoteninstallation.

  2. npm install -g create-react-native-app: Verwenden Sie npm, um schnell React Native-Anwendungen zu erstellen.

  3. create-react-native-app AwesomeProject: Erstellen Sie ein Projekt mit dem Namen AwesomeProject.

  4. cd AwesomeProject: Geben Sie das Dateiverzeichnis ein, in dem sich das Projekt befindet.

  5. yard start: Starten Sie den Dienst und das Terminal zeigt den QR-Code und die Linkadresse an.

Laden Sie die Expo-Client-APP auf Ihr Mobiltelefon herunter


Führen Sie die React Native-Anwendung aus AwesomeProject

Verbinden Sie das Mobiltelefon, das die Expo-Client-APP heruntergeladen hat, mit dem drahtlosen Netzwerk desselben Computers.

Öffnen Sie die Expo-Client-APP und verwenden Sie die Scanfunktion von Expo Scannen Sie den QR-Code des Terminals oder geben Sie die Linkadresse der auf dem Terminal in Expo angezeigten Anwendung ein, um den laufenden Effekt der Anwendung zu sehen.


Ändern Sie die Anwendung

Geben Sie die Verzeichnisdatei ein, in der sich die Anwendung befindet, öffnen Sie die Datei App.js, und Sie können Starten Sie die React Native-Entwicklung.

Zu diesem Zeitpunkt wurde die React Native-Entwicklungsumgebung erfolgreich etabliert.

Verwandte Empfehlungen:

Detaillierte Kapselung der vertikalen Karussellkomponente für React Native-Benachrichtigungsnachrichten

React Native-Verifizierungscode Countdown-Freigabe

Detaillierte Beispielerklärung der React Native-Zeitkonvertierungsformat-Toolklasse

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung zum Erstellen einer Entwicklungsumgebung mit React Native. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn