Changer la langue en JSX dans Visual Studio Code

Code de Visual Studio maintenant supporte JSX sur la version 0.8, mais on dirait que la seule façon de l'activer Est avec un .jsx extension de fichier. Il n'est pas sur la liste pour changer le mode de langue manuellement, l'option la plus proche est JavaScriptReact, mais il ne parse pas les étiquettes JSX.

je suis dans un projet avec beaucoup de .js fichiers avec JSX et je ne peux pas le changer.

y a-t-il une autre façon d'utiliser la syntaxe JSX sans le .jsx extension?

43
demandé sur Dmitry Shvedov 2015-09-29 00:40:59

7 réponses

modifiez vos paramètres utilisateur ou les paramètres de l'espace de travail comme suit:

// Place your settings in this file to overwrite the default settings
{
    "files.associations": {
        "*.js": "javascriptreact"
    }
}

Note: vous pourriez avoir besoin de redémarrer VSCode.

100
répondu Dionys 2017-07-20 19:57:36

je pourrais le faire, mais "ne pas Réagir fichiers JS" sont également montrer avec JavaScriptReact mode.

  1. ouvrir le fichier C:\Program fichiers (x86)\Microsoft VS Code\resources\app\plugins\vs. language.javascript\syntaxes\javascriptreact.json (probablement, besoin d'ouvrir avec les privilèges d'administrateur.)
  2. remplacer " jsx "par" js "dans le tableau"fileTypes".
  3. redémarrez l'application, fermez les fichiers JS ouverts, et rouvrez.
7
répondu Kohei Sugimura 2015-10-02 05:42:07

ça m'a pris du temps pour comprendre ça mais – JSX fait déjà partie D'Emmet – qui fait partie du VS Code. J'ai dit à Emmet De également (en plus) rendre les extraits de JSX disponibles dans les fichiers JS réguliers.

il suffit de le mettre dans votre fichier de paramètres:

"emmet.syntaxProfiles": {
    "javascript": "jsx"
}    
4
répondu dbochen 2016-10-03 15:58:26

Il y a maintenant un VS extension de Code qui permet .js fichiers à traiter comme .jsx fichiers.

malheureusement le readme pour l'extension avertit aussi:

lorsque vous installez cette extension, vous perdrez tout le support linguistique existant prévu .fichiers js

heureusement VS Code est maintenant très proche de adoption de la Salsa, ce qui signifie que bientôt la question js-is-jsx devrait être complètement résoudre.

3
répondu Brent Arias 2016-01-12 16:31:30

bien que la réponse de Dionys fonctionne, il y a une meilleure façon de le faire dans les versions plus récentes de Visual Studio Code.

File>Prefrences>Settings puis faites défiler vers le bas et trouvez "Emmet" ouvrez l'onglet et vous devriez voir le texte suivant

  // Enable Emmet abbreviations in languages that are not supported by default. Add a 
  mapping here between the language and emmet supported language.
  //  E.g.: {"vue-html": "html", "javascript": "javascriptreact"}
  "emmet.includeLanguages": {},

alors suivez les instructions et ajoutez "emmet.includeLanguages": { "javascript": "javascriptreact" } sur le JSON du panneau de droite (qui écrasera les paramètres de l'utilisateur ).

0
répondu Panos 2018-08-04 07:08:10

il suffit d'installer une extension:

  • Appuyez sur la touche F1 (dans le Code de Visual Studio)
  • Tapez "extension" dans le champ de texte
  • Choisissez "Extensions: Installer L'Extension"
  • Tapez "ext installer jsx"
  • Redémarrez Visual Studio Code

Source:

https://code.visualstudio.com/docs/editor/extension-gallery?pub=TwentyChung&ext=jsx https://marketplace.visualstudio.com/items/TwentyChung.jsx

-2
répondu Blank 2015-12-01 20:30:45

essayez d'utiliser le lien sur Mac ou Linux.

ln -s index.ios.js index.ios.jsx
-8
répondu Bill Wong 2015-11-21 14:43:07