Emmet: So ändern Sie das Verhalten von jsx className für CSS-Module

Erstellt am 29. März 2018  ·  8Kommentare  ·  Quelle: emmetio/emmet

Ich versuche, das Verhalten von Emmet für Klassen in jsx zu ändern, um ein CSS-Modul anstelle einer Zeichenfolge zu verwenden:

| abr | aktuell | erwünscht |
|---|---|---|
| div.a | <div className="a"></div> | <div className={styles.a}></div> |

Allerdings kann ich mir nicht vorstellen, wie ich das erreichen kann. Soweit ich weiß, brauche ich dafür einen benutzerdefinierten Filter. und ich bin mir nicht einmal sicher, ob benutzerdefinierte Filter möglich sind.

Kann mir jemand den richtigen Weg weisen?

picture midgethoen
👍7

Hilfreichster Kommentar

@midgethoen beheben Sie das in vscode?

picture Moretai am 12. Okt. 2018
👍3

Alle 8 Kommentare

Daher habe ich diesen Satz in der Dokumentation übersehen:

Jede .js-Datei, die sich im Erweiterungsordner befindet, wird geladen und beim Start des Plugins ausgeführt. Verwenden Sie js-Dateien, um Ihre eigenen Filter oder Aktionen zu erstellen: Sie können Emmet-Module und -Bindungen verwenden, um Ihren Editor mit JavaScript zu skripten.

Ich versuche jetzt, das zum Laufen zu bringen

midgethoen picture midgethoen am 29. März 2018

Also verwende ich Emmet als Teil von vscode. Und obwohl es die Konfiguration eines extensionPath unterstützt.
es lädt nur snippets.json und syntaxProfiles.json ..

Was eine Weile gedauert hat, bis ich es herausgefunden habe 😕

Also gehe ich davon aus, dass ich versuche zu verstehen, wie die Emmet-Integration speziell in vscode funktioniert

midgethoen picture midgethoen am 29. März 2018

Irgendein Update dafür? Ich bin gerade von Atom umgezogen und in Atom haben Sie dieses Plugin: https://github.com/ambethia/emmet-jsx-css-modules

kebot picture kebot am 25. Juni 2018

@midgethoen beheben Sie das in vscode?

Moretai picture Moretai am 12. Okt. 2018
👍3

Irgendwelche Aktualisierungen?

mohammedgqudah picture mohammedgqudah am 1. Juli 2019

Werde versuchen, diese Funktion in der aktualisierten Emmet-Version hinzuzufügen

sergeche picture sergeche am 1. Juli 2019
👀3

Irgendwelche Updates dazu?

wunnle picture wunnle am 31. Juli 2019
👀14

Da ich die Implementierung von Emmet 2 abgeschlossen habe, lassen Sie uns die Diskussion hier fortsetzen: https://github.com/emmetio/emmet/issues/589

sergeche picture sergeche am 17. Juni 2020
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

DanielRuf picture DanielRuf  ·  5Kommentare
MarvinXu picture MarvinXu  ·  10Kommentare
planetoftheweb picture planetoftheweb  ·  3Kommentare
deathmood picture deathmood  ·  15Kommentare
sergeche picture sergeche  ·  25Kommentare