web-dev-qa-db-fra.com

Syntaxe des fichiers React.js en texte sublime 3

j'utilise sublime text 3 comme éditeur de code, j'ai écrit un exemple basique de Hello World dans React.Mais la coloration est incorrecte sur le code, j'ai essayé d'installer le plugin Babel mais même après cela, la coloration ne semble pas fonctionner , comme vous pouvez voir l'image ci-dessous

enter image description here

24
yasar

L'installation ne suffit pas, vous devez également dire à SublimeText de l'utiliser.

Soit

une) Ctrl-Shift-P, tapez "Babel" et sélectionnez Définir la syntaxe: Javascript (Babel)

ou

b) Allez dans le menu et faites Affichage-> Syntaxe-> Ouvrir tout avec l'extension actuelle comme ...-> Babel-> Javascript (Babel).

52
ivarni

Vous pouvez suivre les étapes mentionnées ci-dessous: -

Définition de babel comme syntaxe par défaut

Pour la définir comme syntaxe par défaut pour une extension particulière:

  1. Ouvrez un fichier avec cette extension,
  2. Sélectionnez Afficher dans le menu,
  3. Puis Syntaxe -> Tout ouvrir avec l'extension actuelle comme ... -> Babel -> JavaScript (Babel).
  4. Répétez cette opération pour chaque extension (par exemple: .js et .jsx).

Définition d'un schéma de couleurs

Babel est fourni avec Next et Monokai de Benvie/JavaScriptNext.tmLanguage. Sélectionnez-en un dans Préférences -> Schéma de couleurs -> Babel

Courtoisie: https://github.com/babel/babel-sublime

9
a3.14_Infinity