Le logiciel d'édition HTML comprend : Nuclide, Atom, Sublime Text, Visual Studio Code, l'éditeur Vim, l'éditeur GNU Emacs, l'éditeur Spacemacs, Deco IDE, WebStorm, l'éditeur TextMate, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Il existe de nombreux éditeurs sur le marché pour les travaux de développement. Je me sens souvent confronté à la question de savoir comment choisir un éditeur utile pour différents langages de programmation. Au cours du processus ultérieur de développement de React Native, j'ai effectué quelques explorations et recherches sur les éditeurs correspondants. Cet article résume certains éditeurs et IDE très adaptés au développement d'applications mobiles.
1. Nuclide
Site officiel : https://nuclide.io/
Adresse du projet Github : facebook/nuclide(https://github.com/facebook/nuclide)
Nuclide avec React Native : https://nuclide.io/docs/platforms/react-native/
Plateformes prises en charge : Windows, Mac, Linux
Licence : Open Source
Fonctionnalités :
Débogage intégré
Développement à distance
Developing Hack
Prend en charge Mercurial
Workset
Nuclide est un système distinct construit sur le dessus du package Atom, qui offre la programmabilité et possède une communauté très active. Il fournit un environnement de développement de premier ordre pour les projets React Native, Hack et Flow.
2.Atom
Site officiel : https://atom.io/
Adresse du projet Github : atom(https://github.com/atom)
Documentation :
Configuration : http://flight-manual.atom.io/
Atom avec React Native : https://blog.sendbird.com/tutorial-build-a-messaging-app -using-react-native/
Plateformes prises en charge : Windows, Mac, Linux
Licence : Open Source
Caractéristiques :
Édition multiplateforme
Gestionnaire de packages intégré
Auto-complétion intelligente
Navigateur du système de fichiers
Volets multiples
Rechercher et remplacer
Atom est un éditeur de texte moderne, facile à utiliser et contrôlable. Atom est largement utilisé par les développeurs dans de nombreux langages de programmation. Il possède une communauté vaste et active qui a produit de nombreux plug-ins utiles.
Packages Atom couramment utilisés :
Package atom-react-native-autocomplete - Ce package est pour React-Native et fournit une fonction de saisie semi-automatique pour l'éditeur Atom.
atom-react-native-css - Il s'agit d'un package avec des composants React-Native intégrés qui prennent en charge SASS et SCSS. React-native-css convertit les CSS valides, SASS en sous-ensemble Facebook de CSS.
react-native-snippets - Ce package contient des extraits de code React Native pour Atom et Nuclide.
zenchat-snippets - Il s'agit d'une collection d'extraits pour React-Native, Redux et ES6.
atom-xcode - Pour intégrer Mac Xcode et atom. Une fois installé, le simulateur iOS peut être contrôlé au sein d'Atom.
langue-babel - Contient la syntaxe pour toutes les versions de JavaScript, y compris ES2016 et ESNext, la syntaxe JSX pour Facebook React et Etch pour Atom.
Sublime Text est un éditeur de texte sophistiqué pour écrire du code, du balisage et écrire du texte brut. . La communauté propose un grand nombre de plug-ins pour étendre ses fonctionnalités. Sublime Text a toujours été un éditeur préféré parmi les développeurs.
Packages communs Sublime Text
react-native-snippets - une collection d'extraits pour Sublime Text dans React Native
babel-sublime - Définition de la syntaxe pour ES6 JavaScript avec extension React JSX.
4. Code Visual Studio
Site officiel : https://code.visualstudio.com/
Adresse du projet Github : Microsoft/vscode(https://github.com/Microsoft/vscode)
Utiliser Visual Studio Code pour développer des applications React Native : https://blogs.msdn.microsoft .com /visualstudio/2016/02/22/develop-reactnative-apps-in-visual-studio-code/
Plateformes prises en charge : Windows, Mac, Linux
Caractéristiques :
Commandes Git intégrées
Extensible et personnalisable
Visual Studio Code est développé par Microsoft pour Windows , Linux et éditeur de code source pour le développement OS X. Il est gratuit et open source et prend en charge le débogage, les contrôles Git intégrés, la coloration syntaxique, la complétion intelligente du code, les extraits de code et la refactorisation du code.
Extension
ReactNative Tools - Cette extension fournit un environnement de développement pour les projets React Native. Vous pouvez déboguer votre code, exécuter rapidement des commandes react-native à partir du terminal de commande et utiliser IntelliSense pour explorer les objets, fonctions et paramètres de l'API React Native. Éditeur Vim
5. Éditeur Vim
Site officiel : http://www.vim.org/
Adresse du projet Github : vim/vim(https://github.com/vim/vim)
Documentation :
Documentation Vim : http://www.vim.org/docs.php
Configuration de Vim pour React-JSX : https:// jaxbot.me/articles/setting-up-vim-for-react-js-jsx-02-03-2015
Licence : Open Source
Plateformes prises en charge : Mac, Linux
Caractéristiques :
Arbre d'annulation persistante à plusieurs niveaux
Système de plug-in étendu
Prend en charge des centaines de langages de programmation et de formats de fichiers
Puissante fonctionnalité de recherche et de remplacement
Capacité d'intégration avec de nombreux outils
Vim est un éditeur de texte hautement configurable qui peut créer et modifier tout type de texte de manière très efficace. La plupart des systèmes UNIX le prennent en charge sous la forme de « vi ». De nombreux développeurs aiment utiliser Vim pour diverses tâches d'édition. Vim est très stable et évolue constamment pour s'améliorer.
Plugin Vim
vim-jsx - Fournit une coloration syntaxique et une indentation pour JSX.
vim-react-snippets - Un ensemble d'extraits conçus pour Vim à utiliser avec la bibliothèque React de Facebook.
vim-babel - Un ensemble d'extraits créés pour Vim à utiliser avec la bibliothèque React de Facebook.
6. Éditeur GNU Emacs
Site officiel : https://www.gnu.org/software/emacs/
Documentation :
Documentation officielle : https://www.gnu.org/software/emacs/documentation. html
Configuration initiale pour React Native : http://www.cyrusinnovation.com/initial-emacs-setup-for-reactreactnative/
Licence : suivre la GPL
Plateformes prises en charge : Windows, Mac, Linux
Caractéristiques :
Mode d'édition sensible au contenu, y compris la coloration syntaxique, pour plusieurs types de fichiers.
Documentation intégrée complète, y compris des tutoriels pour les débutants.
Prend en charge le codage Unicode pour presque tous les langages de script.
Hautement personnalisable, en utilisant le code Emacs Lisp ou une interface graphique.
Possède un système de packages pour télécharger et installer des extensions.
GNU EMACS est un éditeur de texte extensible, personnalisable, gratuit et gratuit.
Extension
web-mode.el - Il s'agit d'un module principal indépendant d'Emacs pour l'édition de modèles Web. Il est compatible avec de nombreux langages, dont JSX (React).
7. Éditeur Spacemacs
Site officiel : http://spacemacs.org/
Adresse du projet Github : syl20bnr/spacemacs(https://github.com/syl20bnr/spacemacs)
Plateformes prises en charge : Windows, Mac , Linux
Caractéristiques :
Raccords de touches organisés à l'aide de préfixes mnémoniques
Détectable - Affichage innovant en temps réel des raccourcis clavier disponibles.
Les fonctions similaires ont la même clé
Système de requête simple pour trouver rapidement les couches, packages, etc. disponibles.
La configuration pilotée par la communauté fournit de puissants packages réglables par l'utilisateur afin que les bogues puissent être rapidement corrigés.
Spacemacs est une distribution Emacs pilotée par la communauté - le meilleur éditeur n'est ni Emacs ni Vim, c'est Emacs et Vim combinés !
Extensions
Couche React - Couche de configuration ES6 et JSX pour React. Il reconnaîtra automatiquement les fichiers .jsx et .react.js. Un wrapper pour l’intégration de React.
8. IDE Déco
Site officiel : https://www.decosoftware.com/
Adresse du projet Github : decosoftware/deco-ide(https://github.com/decosoftware/deco-ide)
Plateformes prises en charge : Mac (uniquement pour iOS )
Licence : Open Source
Caractéristiques :
Recherche et insertion de composants
Ajustement en temps réel
Nouveau fichier titulaire
Deco est un IDE spécialement conçu pour React Native. Il s'agit d'une solution tout-en-un pour écrire des applications React Native qui peuvent être téléchargées et utilisées sans aucune configuration d'environnement. Deco améliore le flux de travail de développement React Native en se concentrant sur la réutilisation des composants et en permettant aux utilisateurs de modifier l'interface utilisateur en temps réel.
9.WebStorm
Site officiel : https://www.jetbrains.com/webstorm/
Utiliser des outils externes : https://blog.jetbrains.com/webstorm/2016/08/using-external-tools/
Licence : Frais (un seul utilisateur requis pour le première année, payez 129 $)
Plateformes prises en charge : Windows, Mac, Linux
Caractéristiques :
Assistance au codage intelligent
Prend en charge les dernières technologies
Système de contrôle de version
Intégration transparente des outils
Débogage, traçage et tests
Terminal intégré
WebStorm est construit sur la plateforme open source IntelliJ, que JetBrains a développée et perfectionnée depuis plus de 15 ans. Il offre une intégration étroite avec VSC, une fonctionnalité d'historique local, dispose d'un écosystème de plugins dynamique, est entièrement configurable et offre une foule d'autres fonctionnalités. WebStorm fournit une prise en charge avancée de React et JSX et fournit une assistance de codage de base pour les applications React Native.
Licence : payante (la licence utilisateur unique est de 48,75 euros)
Plateformes prises en charge : Mac
Caractéristiques :
Les sélecteurs CSS déterminent la portée des opérations et des paramètres
Aperçu rapide et fenêtre contextuelle de navigation
Intégrez votre langage de script préféré en tant que plug-in
Exécutez les commandes Shell à partir du document
Mise en surbrillance du code
Fonctionne et construit des projets Xcode
TextMate n'est pas un IDE, mais en utilisant ses puissants extraits de code, ses macros et son système de portée unique, il peut souvent fournir des fonctionnalités qui même les IDE spécifiques aux langages de programmation manquent. React ne le prend pas en charge directement, mais il est facile d'obtenir une prise en charge pour JSX, sur lequel est basé la plupart du code React, à l'aide du plugin ci-dessous.
Plugin
javascript-jsx.tmbundle - Textmate Bundle pour JSX (React). La coloration syntaxique est actuellement prise en charge.
Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !
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!
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
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
