Emmet: Bagaimana cara mengubah perilaku jsx className untuk modul css

Dibuat pada 29 Mar 2018 · 8Komentar · Sumber: emmetio/emmet

Saya mencoba mengubah perilaku emmet untuk kelas di jsx untuk menggunakan modul css daripada string:

| abr | saat ini | diinginkan |
|---|---|---|
| div.a | <div className="a"></div> | <div className={styles.a}></div> |

Namun, sepertinya saya tidak tahu bagaimana mencapai ini. seperti yang saya mengerti, saya memerlukan filter khusus untuk melakukan ini. dan saya bahkan tidak yakin apakah filter khusus memungkinkan.

Apakah seseorang dapat mengarahkan saya ke arah yang benar?

Sumber

midgethoen

👍7

Komentar yang paling membantu

@midgethoen apakah Anda memperbaikinya di vscode?

Moretai pada 12 Okt 2018

👍3

Semua 8 komentar

jadi saya mengabaikan kalimat ini di dokumen :

Setiap file .js yang terletak di folder ekstensi akan dimuat dan dieksekusi saat plugin dimulai. Gunakan file js untuk membuat filter atau tindakan Anda sendiri: Anda dapat menggunakan modul dan binding Emmet untuk membuat skrip editor Anda dengan JavaScript.

Saya sekarang mencoba untuk membuat ini berfungsi

midgethoen pada 29 Mar 2018

Jadi saya menggunakan emmet sebagai bagian dari vscode. Dan meskipun itu mendukung konfigurasi extensionPath.
itu hanya memuat snippets.json dan syntaxProfiles.json ..

Yang butuh beberapa saat bagi saya untuk mencari tahu

jadi saya kira saya melanjutkan untuk mencoba memahami bagaimana integrasi emmet bekerja di vscode secara khusus

midgethoen pada 29 Mar 2018

Ada pembaruan untuk ini? Saya baru saja pindah dari Atom, dan di Atom Anda memiliki plugin itu: https://github.com/ambethia/emmet-jsx-css-modules