Emmet: Comment changer le comportement de jsx className pour les modules css

Créé le 29 mars 2018 · 8Commentaires · Source: emmetio/emmet

J'essaie de modifier le comportement d'emmet pour les classes en jsx afin d'utiliser un module css plutôt qu'une chaîne :

| abr | courant | souhaité |
|---|---|---|
| div.a | <div className="a"></div> | <div className={styles.a}></div> |

Cependant, je n'arrive pas à comprendre comment y parvenir. quant à ce que je comprends, j'ai besoin d'un filtre personnalisé pour ce faire. et je ne suis même pas sûr que les filtres personnalisés soient possibles.

Quelqu'un est-il capable de m'orienter dans la bonne direction ?

Source

midgethoen

👍7

Commentaire le plus utile

@midgethoen corrigez -vous cela dans vscode?

Moretai le 12 oct. 2018

👍3

Tous les 8 commentaires

donc j'ai oublié cette phrase dans la doc :

Chaque fichier .js situé dans le dossier extensions sera chargé et exécuté au démarrage du plugin. Utilisez des fichiers js pour créer vos propres filtres ou actions : vous pouvez utiliser des modules et des liaisons Emmet pour scripter votre éditeur avec JavaScript.

J'essaye maintenant de faire fonctionner ça

midgethoen le 29 mars 2018

J'utilise donc emmet dans le cadre de vscode. Et bien qu'il prenne en charge la configuration d'un extensionPath.
il ne charge que snippets.json et syntaxProfiles.json ..

Ce qui m'a pris du temps à comprendre

donc je suppose que je vais essayer de comprendre comment fonctionne l'intégration d'emmet dans vscode spécifiquement

midgethoen le 29 mars 2018

Une mise à jour pour ça ? Je viens de quitter Atom, et dans Atom vous avez ce plugin : https://github.com/ambethia/emmet-jsx-css-modules