Quel éditeur dois-je utiliser pour écrire une réaction ?

Vous pouvez utiliser une variété d'éditeurs pour écrire des réactions, tels que : 1. Atom, un éditeur de texte multiplateforme ; 2. Visual Studio Code, un éditeur de code source multiplateforme ; 4. Sublime Text ; 5. Vim, un éditeur de texte hautement configurable et plus encore.

L'environnement d'exploitation de ce tutoriel : système windows7, version React17, ordinateur DELL G3 Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "Tutoriel vidéo React"

Atom

Atom est spécialisé Un éditeur de texte multiplateforme lancé pour les programmeurs. Il s'agit d'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.

Site officiel : https://atom.io/

Caractéristiques :

Édition multiplateforme

Gestionnaire de paquets intégré

Complétion automatique intelligente

Navigateur du système de fichiers

Volets multiples

Rechercher et remplacer

Code Visual Studio

Visual Studio Code est un éditeur de code source multiplateforme développé par Microsoft pour Windows, Linux et OS X pour écrire des applications Web et cloud modernes. . 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.

Site officiel : https://code.visualstudio.com/

Caractéristiques :

Commandes Git intégrées

Extensible et personnalisable

Installer les plug-ins correspondants

Nécessaire : ​​ESLint, DocumentThis, EasyLess, Complete JSDoc Tags, vscode-flow-ide, React native Tools, vscode-wechat, npm, babel-javascript, debugger pour chrome, git lens, node debug 2.

Facultatif : extraits de code javascript (ES6), extraits de code reactjs, extraits de réaction-native/react/redux pour es6/es7, mise en évidence des mauvais caractères, surbrillance des couleurs, chemin Intellisense, diff partielle

WebStorm

WebStorm est construit sur la plateforme open source IntelliJ, que JetBrains a développée et perfectionnée pendant 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.

Site officiel : https://www.jetbrains.com/webstorm/

Caractéristiques :

Assistance au codage intelligent

Prise en charge des dernières technologies

Système de contrôle de version

Intégration transparente des outils

Débogage, traçage et tests

Terminal intégré

Sublime Text

Sublime Text est un éditeur de texte (logiciel payant, vous pouvez l'essayer indéfiniment, mais il y aura une fenêtre contextuelle d'invite d'activation), et c'est également un éditeur de code avancé. Sublime Text a été développé par le programmeur Jon Skinner en janvier 2008. Il a été initialement conçu comme un Vim doté de riches fonctions d'extension.

Sublime Text possède une belle interface utilisateur et des fonctionnalités puissantes telles que des vignettes de code, des plug-ins Python, des extraits de code, etc. Les raccourcis clavier, les menus et les barres d'outils peuvent également être personnalisés. Les principales fonctionnalités de Sublime Text incluent : la vérification orthographique, les signets, l'API Python complète, la fonction Goto, le changement de projet instantané, la multi-sélection, la multi-fenêtre et plus encore. Sublime Text est un éditeur multiplateforme prenant en charge Windows, Linux, Mac OS X et d'autres systèmes d'exploitation.

Site officiel : https://www.sublimetext.com/

Caractéristiques :

Fonction Goto Anything

Sélections multiples

Terminal de commande

Mode sans distraction

Édition fractionnée

Changement de projet instantané

API du plug-in

Personnalisez tout

Multiplateforme

Pack commun Sublime Text

babel-sublime - Définition de la syntaxe du JavaScript ES6 avec l'extension React JSX.

react-native-snippets - Une collection d'extraits pour Sublime Text pour React Native

Éditeur Vim

Vim est hautement configurable Un éditeur de texte qui vous permet de créer et de 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.

Site officiel : http://www.vim.org/

Caractéristiques :

Arbre d'annulation persistant à plusieurs niveaux

Système de plug-in étendu

Prend en charge des centaines de langages de programmation et de formats de fichiers

Fonctionnalité de recherche et de remplacement puissante

Possibilité d'intégration avec de nombreux outils

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.

Éditeur Spacemacs

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 !

Site officiel : http://spacemacs.org/

Caractéristiques :

Les raccourcis clavier sont 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.

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.

Éditeur TextMate

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 même les IDE spécifiques aux langages de programmation qui font défaut. caractéristiques. 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.

Site officiel : https://macromates.com/

Caractéristiques :

Le sélecteur CSS peut déterminer la portée des opérations et des paramètres

Aperçu rapide et pop-up de navigation

Intégrez votre langage de script préféré en tant que plug-in

Exécutez des commandes shell à partir du document

Mise en surbrillance du code

Fonctionne avec Xcode et construit des projets Xcode

Plugins

javascript-jsx.tmbundle - Textmate Bundle pour JSX (React). La coloration syntaxique est actuellement prise en charge.

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!