Qu'est-ce que React-Native-cli

青灯夜游
Libérer: 2022-03-21 17:16:03
original
2875 Les gens l'ont consulté

react-native-cli est un outil d'échafaudage fourni avec React Native. Il s'agit d'un plug-in Node.js qui peut aider les développeurs à créer rapidement un projet RN complet à partir de zéro. Il peut également vérifier le serveur au démarrage de l'application RN. . Si le fichier js est mis à jour et empaqueté.

Qu'est-ce que React-Native-cli

L'environnement d'exploitation de ce tutoriel : système Windows 7, react17.0.1&&nodejs version 12.19.0, ordinateur Dell G3.

react-native-cli est un outil d'échafaudage fourni avec le projet open source de Facebook React Native, qui peut facilement aider les développeurs à créer rapidement un projet RN complet à partir de zéro.

react-native-cli est en fait un plug-in pour Node.js, qui peut être utilisé pour exécuter des commandes React Native à partir de la ligne de commande et vérifier si le fichier js côté serveur est mis à jour au démarrage de l'application RN, comme ainsi que d'effectuer des services d'emballage.

Comprendre plusieurs vocabulaires associés : Node.js, React.js et React NativeNode.jsReact.jsReact 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 NativeReact.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
Copier après la connexion

注: -g

Node.js </ code> : Node.js est l'environnement d'exécution de JS, analogue au jvm de Java. Il fournit de nombreuses API au niveau du système, telles que les opérations sur les fichiers, la programmation réseau, etc. Il utilise une programmation événementielle et asynchrone, principalement pour l'arrière-plan. services réseau. Conçu pour que JS puisse être utilisé comme langage de développement backend</strong></p><p></p><code>React.js : un framework d'interface utilisateur pour Node.js qui peut encapsuler le code de l'interface utilisateur et réaliser la composantisation de l'interface utilisateur

  • . React Native : Il s'agit également d'un framework d'interface utilisateur de Node.js, basé sur l'essence de React.js.
  • React Native et React. .js La différence est que lors du rendu, ReactJs pilote le rendu html dom React Native pilote android/ios< ; /code> rendu des composants natifs. </li></ul><p></p><span style="font-size: 18px;"><p>Méthode simple d'utilisation de React-native-cli</p></span><p><a href="http://www.php.cn/course/list/54.html" target="_blank"></a>1 Téléchargez et installez Node.js et npm</p>🎜🎜 disponibles pour télécharger Pour la dernière version, n'oubliez pas de configurer les variables d'environnement🎜🎜🎜2. Installez React-native-cli🎜🎜<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false">react-native init MyRNProject</pre><div class="contentsignin">Copier après la connexion</div></div>🎜Remarque : <code>-g Ce paramètre signifie télécharger le module dans le monde global. n'est pas ajouté par défaut, ce qui signifie qu'il est téléchargé sur Local, indiquant que ce module ne peut être appliqué qu'au projet d'annuaire en cours. 🎜🎜🎜3. Créez rapidement des applications RN🎜🎜🎜1) Créer un projet RN🎜
    react-native run-ios
    Copier après la connexion
    🎜🎜🎜init : Projet initial, créez rapidement un projet RN🎜🎜🎜🎜MyRNProject : Nom du projet🎜🎜🎜🎜2) Démarrer le projet (exécuter Projet iOS, vérifiez l'effet)🎜rrreee🎜Si les étapes ci-dessus sont correctement installées, vous devriez pouvoir démarrer le simulateur iOS et exécuter le projet RN. L'ensemble du processus semble très simple. La raison pour laquelle cela semble très pratique et simple est que l'outil de ligne de commande React-native-cli effectue pour nous une série de création, de configuration, d'initialisation et d'installation de dépendances. L'objectif de cet article est de vous amener à explorer ce que fait exactement React-native-cli pour nous et comment cela est fait. 🎜🎜【Recommandation associée : 🎜Tutoriel vidéo Redis🎜】🎜

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal