Quels sont les logiciels d'édition HTML ?

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)
• Documentation :
  
  • Configuration : https://nuclide.io/docs/editor/setup/
  • 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.

Tutoriel recommandé : "Tutoriel vidéo HTML"

Texte Sublime

• Site officiel : https://www.sublimetext.com/
• Adresse du projet Github : SublimeText (https://github.com/SublimeText)
• Document :
  
  • Paramètres : https://www.sublimetext.com/docs/3/
  • SublimeText pour React Native : https://zaicheng.me/2016/06/20/react - native-initial-setup/
  • Définition de SublimeText pour le développement React-JSX : (http://www.nitinh.com/2015/02/setting-sublime-text-react-jsx-development/)
• Plateformes prises en charge : Windows, Mac, Linux
• Licence : téléchargement et essai gratuits, vous devez acheter une licence pour continuer à l'utiliser.
• Caractéristiques :
  
  • Fonction Aller à n'importe quoi
  • Sélection multiple
  • Terminal de commande
  • Mode sans distraction
  • Édition fractionnée
  • Changement de projet instantané
  • API du plugin
  • Personnalisez tout
  • Multiplateforme
• Paramètre React Native : nitinh.com/2015/02/setting-sublime-text-react-jsx-development/

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)
• Documentation :
  
  • Configuration : https://code.visualstudio.com/docs
  • 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)
• Document :
  
  • Document officiel : http://spacemacs.org/doc/DOCUMENTATION.html
• Licence : Open Source
• 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)
• Documentation :
  
  • Documentation officielle : https://www.decosoftware.com/docs
• 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/
• Documentation :
  
  • Documentation officielle : https://www.jetbrains.com/webstorm/documentation/
  • 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.

10. Éditeur TextMate

• Site officiel : https ://macromates.com/
• Documentation :
  
  • Documentation officielle : http://manual.macromates.com/fr/
• 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!