Emmet: اختصار لعلامات الإغلاق الذاتي في jsx

لم تجد حلا لهذا؟ بنفس الحال.

يتطلب المحلل المخصص لـ JSX حتى يمكن حل الاختصارات ذات الغلاف العلوي لإفراغ العلامات.

حاضر. هذه هي الكلمة الأساسية التي كنت أبحث عنها. تم العثور على بعض مشاركاتك الأخرى المتعلقة بكيفية إنشاء واحدة. شكرا!

أبسط حل هو استخدام الاختصارات الافتراضية:

Component ---> ctrl+e أو tab ------> <Component></Component> ------> ctrl+shift+ ~ - -> <Component />

deathmood هل يمكنك توضيح هذا؟

ctrl+shift+ ~ ليس له تأثير هنا (باستخدام atom) ولا يوجد أمر مضمن يحول زوج علامة الإغلاق إلى زوج ذاتي الإغلاق.

brumm هو عمل split/join tag http://docs.emmet.io/actions/split-join-tag/ . هذا يعمل في سامية.

في Sublime 3 لنظام التشغيل Mac ، مفتاح الاختصار الافتراضي لـ split/join tag هو Command + Shift + ' (اقتباس فردي).

ومع ذلك ، لا يزال هذا الأمر غير مريح لعلامات متعددة. على سبيل المثال ، قم بتوسيع TabBar>TabItem*10 ، وأريد أن يكون <TabItem /> إغلاقًا ذاتيًا. والآن لا بد لي من تحريك المؤشر والضغط على مفتاح الاختصار أعلاه 10 مرات . انه جنون.

في atom ، يمكنك عمل Command + Shift + j

أستخدم emmet لكتابة JSX وسيكون رائعًا حقًا إذا سمح emmet باستخدام دورة عبر النماذج.
ضرب EG بشكل متكرر ctrl+e سيؤدي إلى الدورة على النحو التالي:
MyComponent -> <MyComponent></MyComponent> -> <MyComponent /> -> MyComponent

أعتقد أن هذا سيجعل من السهل حقًا تعلم / اكتشاف الميزة أيضًا.

لست متأكدًا مما إذا كان هذا ينتمي إلى emmet repo أو atom plugin repo ، لقد نشرت هذا في https://github.com/emmetio/emmet-atom/issues/408

ماذا عن vscode ؟؟ ctrl+e و ctrl+shift+ ~ كلاهما لا يعملان

يحتوي Webstorm على هذا بالفعل AppComponet/ TAB => <AppComponent />

بالنسبة إلى رمز VS أيضًا

hello-world/ TAB => <hello-world>
لذلك علي أن أكتب بنفسي / لكن يعمل :)

بالنسبة لـ VSCode:
ابحث عن Split / Join in Keyboard Shortcuts. سترى خيار Emmet. يمكنك ضبطه على أي مفتاح تفضله.

يدعم الإصدار الثاني القادم بناء الجملة elem/ لإخراج عناصر الإغلاق الذاتي

بالنسبة إلى رمز VS أيضًا

hello-world/ TAB => <hello-world>
لذلك علي أن أكتب بنفسي / لكن يعمل :)

هذا يعمل ، رائع