Emmet: Singkatan untuk tag yang menutup sendiri di jsx

Dibuat pada 6 Des 2015  ·  15Komentar  ·  Sumber: emmetio/emmet

Apakah mungkin untuk memperluas kata menjadi tag penutup sendiri? Saya melihat sesuatu yang mirip di sini https://github.com/smihica/emmet-mode#empty -tags seharusnya berfungsi seperti

AppComponet/ -> <AppComponent />

tapi itu tidak bekerja dengan emmet.
Maaf telah menulisnya di sini, tetapi saya tidak dapat menemukan apa pun tentang ini dalam dokumentasi.

Ingin mendukung masalah ini? Posting hadiah di atasnya! Kami menerima hadiah melalui Bountysource .

Komentar yang paling membantu

Solusi paling sederhana adalah dengan menggunakan pintasan default:

Component ---> ctrl+e atau tab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

Semua 15 komentar

Apakah Anda menemukan solusi untuk ini? Di perahu yang sama.

Ini membutuhkan resolver khusus untuk JSX sehingga singkatan dengan huruf besar dapat diselesaikan menjadi tag kosong.

Roger. Itu kata kunci yang saya cari. Temukan beberapa posting Anda yang lain tentang cara membangunnya. Terima kasih!

Solusi paling sederhana adalah dengan menggunakan pintasan default:

Component ---> ctrl+e atau tab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

@deathmood dapatkah Anda menguraikan ini?

ctrl+shift+ ~ tidak berpengaruh di sini (menggunakan atom) dan tidak ada perintah bawaan yang mengubah pasangan tag penutup menjadi pasangan yang menutup sendiri.

@brumm itu adalah split/join tag tindakan http://docs.emmet.io/actions/split-join-tag/ . Itu bekerja di luhur.

Pada Sublime 3 untuk Mac, hotkey default untuk split/join tag adalah Command + Shift + ' (kutipan tunggal).

Namun, itu masih merepotkan untuk beberapa tag. Misalnya, perluas TabBar>TabItem*10 , dan saya ingin <TabItem /> menutup sendiri. Dan sekarang saya harus memindahkan kursor dan menekan tombol pintas di atas 10 kali . Ini gila.

Dalam atom Anda dapat melakukan Command + Shift + j

Saya menggunakan emmet untuk menulis JSX dan akan sangat keren jika emmet mengizinkan penggunaan siklus melalui formulir.
EG berulang kali menekan ctrl+e akan berputar seperti itu:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

Saya pikir ini akan membuatnya sangat mudah untuk mempelajari/menemukan fitur ini juga.

Saya tidak yakin apakah ini termasuk dalam repo emmet atau repo plugin atom, saya telah memposting ini di https://github.com/emmetio/emmet-atom/issues/408

Bagaimana dengan vscode?? ctrl+e dan ctrl+shift+ ~ keduanya tidak berfungsi

Webstorm sudah memiliki ini AppComponet/ TAB => <AppComponent />

Untuk Kode VS juga

hello-world/ TAB => <hello-world>
jadi saya harus menulis / sendiri tetapi berhasil :)

Untuk VSCode:
Cari Split/Gabung di Pintasan Keyboard. Anda akan melihat opsi Emmet. Anda dapat mengaturnya ke tombol apa pun yang Anda inginkan.

v2 yang akan datang mendukung sintaks elem/ untuk menampilkan elemen yang menutup sendiri

Untuk Kode VS juga

hello-world/ TAB => <hello-world>
jadi saya harus menulis / sendiri tetapi berhasil :)

Itu berhasil, luar biasa

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

renatorib picture renatorib  ·  26Komentar

fversepuy picture fversepuy  ·  5Komentar

corysimmons picture corysimmons  ·  5Komentar

midgethoen picture midgethoen  ·  8Komentar

DanielRuf picture DanielRuf  ·  5Komentar