Was ist React-Native-Cli?-Front-End-Fragen und Antworten-php.cn

Was ist React-Native-Cli?

青灯夜游

Freigeben： 2022-03-21 17:16:03

Original

2838 Leute haben es durchsucht

react-native-cli ist ein Gerüsttool, das mit React Native geliefert wird. Es handelt sich um ein Node.js-Plug-in, das Entwicklern dabei helfen kann, schnell ein komplettes RN-Projekt von Grund auf zu erstellen. Es kann auch den Server überprüfen, wenn die RN-Anwendung gestartet wird . Ob die js-Datei aktualisiert und gepackt wird.

Was ist React-Native-Cli?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, React17.0.1&&nodejs Version 12.19.0, Dell G3-Computer.

react-native-cli ist ein Gerüstbau-Tool, das mit dem Open-Source-Projekt React Native von Facebook geliefert wird und Entwicklern dabei helfen kann, schnell ein komplettes RN-Projekt von Grund auf zu erstellen.

react-native-cli ist eigentlich ein Plug-in für Node.js, mit dem React Native-Befehle über die Befehlszeile ausgeführt und überprüft werden können, ob die serverseitige js-Datei beim Start der RN-Anwendung aktualisiert wird sowie Verpackungsdienstleistungen durchführen.

Verstehen Sie mehrere verwandte Vokabeln: Node.js, React.js und React NativeNode.js，React.js和React Native

Node.js: Node.js是JS的运行时环境，类比到Java的jvm,提供了很多系统级的API，如文件操作、网络编程等. 用事件驱动, 异步编程,主要是为后台网络服务设计,使得JS可作为后台开发的语言
React.js: Node.js的一个UI框架，可以对UI代码进行封装，实现UI组件化
React Native: 也是Node.js的一个UI框架，是基于React.js实现的
React Native跟React.js的本质区别在于在渲染时，ReactJs是驱动html dom渲染；React Native是驱动android/ios原生组件渲染。

react-native-cli的简单使用方法

1、下载并安装Node.js和npm

可下载最新版本的，记得配置环境变量

2、安装react-native-cli

npm install -g react-native-cli

Nach dem Login kopieren

注: -g

Node.js </ Code>: Node.js ist die Laufzeitumgebung von JS, die dem JVM von Java ähnelt. Sie bietet viele APIs auf Systemebene, wie z. B. Dateioperationen, Netzwerkprogrammierung usw. Sie verwendet ereignisgesteuerte, asynchrone Programmierung, hauptsächlich für den Hintergrund Netzwerkdienste. Entwickelt, damit JS als Backend-Entwicklungssprache verwendet werden kann. <code>React.js: Ein UI-Framework für Node.js, das UI-Code kapseln und UI-Komponentisierung realisieren kann React Native: Es ist auch ein UI-Framework von Node.js, das auf der Essenz von React.js

React Native und React basiert .js Der Unterschied besteht darin, dass beim Rendern ReactJs das html dom-Rendering steuert; React Native steuert

android/ios< /code> native Komponenten rendern. <ul style="list-style-type: disc;"><li><p></p><span style="font-size: 18px;"></li>Einfache Methode zur Verwendung von React-Native-Cli<li></span><p></p></li>1. Node.js und npm herunterladen und installieren</ul><p></p> verfügbar für Denken Sie beim Herunterladen daran, die Umgebungsvariablen für die neueste Version zu konfigurieren<p></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">react-native init MyRNProject</pre><div class="contentsignin">Nach dem Login kopieren</div></div><p>Hinweis: <code>-g

Dieser Parameter bedeutet, dass das Modul in die globale Welt heruntergeladen wird wird standardmäßig nicht hinzugefügt, was bedeutet, dass es auf „Lokal“ heruntergeladen wird, was darauf hinweist, dass dieses Modul nur auf das aktuelle Verzeichnisprojekt angewendet werden kann.

3. Erstellen Sie schnell RN-Anwendungen.🎜🎜🎜1) Erstellen Sie ein RN-Projekt iOS-Projekt, überprüfen Sie den Effekt)🎜

react-native run-ios

Nach dem Login kopieren

🎜Wenn die oben genannten Schritte korrekt installiert sind, sollten Sie in der Lage sein, den iOS-Simulator zu starten und das RN-Projekt auszuführen. Der gesamte Prozess scheint sehr einfach zu sein. Der Grund, warum es sehr praktisch und einfach erscheint, liegt darin, dass das Befehlszeilentool „react-native-cli“ eine Reihe von Abhängigkeiten für uns erstellt, konfiguriert, initialisiert und installiert. Der Schwerpunkt dieses Artikels liegt darauf, Ihnen zu zeigen, was genau „react-native-cli“ für uns tut und wie es gemacht wird. 🎜🎜【Verwandte Empfehlung: 🎜Redis-Video-Tutorial🎜】🎜

Das obige ist der detaillierte Inhalt vonWas ist React-Native-Cli?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!