Développer la réaction avec le texte sublime est possible, mais nécessite une configuration manuelle des caractéristiques clés. Tout d'abord, installez le package Babel pour réaliser la mise en surbrillance de la syntaxe JSX, installez "Babel - JavaScript, JSX, ES6" via le contr?le des packages et définissez le type de syntaxe de fichier sur Babel JS; Deuxièmement, configurez Eslint pour la vérification du code, vous devez installer Eslint et Eslint-Plugin-React dans le projet, créer des fichiers .eslintrc et réaliser les invites d'erreur en temps réel via les plug-ins Sublimelinter et Sublimelinter-Eslint; Enfin, vous pouvez éventuellement utiliser des extraits de code et une prise en charge Emmet, tels que l'utilisation de "RFC Tab" pour générer rapidement des modèles de composants après avoir installé Emmet, ou ajouter des extraits personnalisés, docblockr et alignntab pour améliorer l'efficacité. Ces étapes donnent un support de développement de base de base de texte sublime.

L'utilisation de texte sublime avec React est totalement faisable, même si ce n'est pas aussi plug-and-play que les éditeurs plus modernes comme le code vs. La clé est de savoir comment le configurer correctement et les fonctionnalités qui pourraient manquer par rapport aux IDE plus lourds.

Installez Babel pour le support JSX

Par défaut, Sublime ne met pas en évidence correctement la syntaxe JSX. C'est là que le package Babel entre en jeu. Il vous donne une mise en surbrillance de syntaxe appropriée pour les fichiers React.

• Installez le contr?le du package (si vous ne l'avez pas déjà fait)
• Palette de commande ouverte ( Ctrl Shift P )
• Recherchez ?Installer le contr?le des packages?
• Recherchez et installez ensuite "Babel - JavaScript, JSX, ES6"

Une fois installé, ouvrez n'importe quel fichier .jsx ou .js dans votre projet React et modifiez la syntaxe en babel js en utilisant la liste déroulante en bas à droite dans la barre d'état.

Cela ne résoudra pas tout, mais cela facilite la lecture et l'écriture de la lecture.

Configurez Eslint pour liner

Sublime peut très bien prendre en charge Eslint, ce qui aide à capter des erreurs de réaction communes et applique un bon style.

• Assurez-vous que eslint soit installé dans votre projet React:

   NPM Install Eslint Eslint-Plugin-React --Save-DEV

• Créez un fichier .eslintrc à la racine de votre projet avec quelque chose comme:

   {
    "étend": ["eslint: recommandé", "plugin: react / recommandé"],
    "Parserroptions": {
      "Ecmaversion": 2020,
      "SourceType": "Module",
      "EcmaFeatures": {
        "JSX": vrai
      }
    },
    "Env": {
      "Browser": vrai,
      "es2021": vrai
    }
  }

• Installez les packages sublimelinter et sublimelinter-eslint via le contr?le du package

Après cela, Eslint devrait montrer des avertissements et des erreurs directement dans l'éditeur - utile pour attraper de petites erreurs avant d'exécuter l'application.

Extraits et Emmet (facultatif mais pratique)

Le développement de la réaction implique souvent un chaudron répétitif. Vous pouvez gagner du temps en ajoutant des extraits ou en utilisant des extensions de style Emmet.

• Installez Emmet via le contr?le des packages
• Essayez de taper rfc et appuyez sur l'onglet - Si vous avez la bonne configuration, il devrait se développer dans un modèle de composant fonctionnel de base

Si cela ne fonctionne pas dans la bo?te, envisagez d'installer des extraits personnalisés pour React. Il y en a des communautaires disponibles, ou vous pouvez faire votre propre adapté au style de votre équipe.

Pensez également à installer DocBlockr pour les blocs de commentaires rapides, et peut-être à aligner pour la mise en forme des accessoires soigneusement.

Cela ne ressemblera pas exactement à travailler dans VS Code avec toutes les extensions de réaction, mais avec quelques ajustements, les poignées de texte sublime réagissent très bien. La plupart du temps, cela se résume à la mise en évidence, à la lignée et à certains outils de productivité de la syntaxe - et ceux-ci sont tous réalisables.

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!