उदात्त पाठ में आप शॉर्ट-कोड लेखन कैसे करते हैं?

Question

मेरी माफी लेकिन मुझे नहीं पता कि इसका क्या नाम है, अगर यह पूछा गया है या क्या स्टैक साइट है तो यह सबसे उपयुक्त है। मैंने कई वीडियो देखे हैं कि कैसे लोग क्विक टैग बनाने के लिए सबलाइम का उपयोग करते हैं और मैं इसे करने का उचित तरीका सीखना चाहूंगा अगर कोई प्रलेखन है या मैं अपने कोडिंग में जल्दी कर सकता हूं।

कई वीडियो में मैं लोगों को ऐसी चीजें करते हुए देखता हूं:

div.classऔर इसके <div class="class"></div>बाद बनाएंगे tab।

Comments

आप अपने स्वयं के कस्टम स्निपेट भी बना सकते हैं; docs.sublimetext.info/en/latest/extensibility/snippets.html

— Abdessamad Idrissi

उपरोक्त लिंक अब मान्य नहीं है। क्या कोई आधिकारिक लिंक है जो बताता है कि हमारे अपने कस्टम स्निपेट्स कैसे बनाए जाएं?

— अंजनेश

Answer 1

आपके द्वारा बताई गई विशेषता बॉक्स से बाहर Sublime Text 2 का हिस्सा है। सुनिश्चित करें कि आपका दस्तावेज़ HTML सिंटैक्स का उपयोग करता है ( देखें »सिंटैक्स» HTML )।

टाइप करें foo.bar, दबाएँ Tab, और आप प्राप्त करेंगे <foo class="bar"></foo>। वहाँ भी foo#bar(के idबजाय class) है। दोनों में लागू किया जाता है ।Packages/HTML/html_completions.py

Comments

क्या aटैग का निर्माण और liटैग जैसी चीज़ों पर कोई प्रलेखन है ? क्या यह केवल HTML के लिए है? और +1।

— D --Vᴀʀᴛʜ

@Gramps का मतलब यह नहीं है कि आपका क्या मतलब है, लेकिन ध्यान दें कि मैंने उस स्क्रिप्ट को इंगित किया है जहां यह सुविधा लागू की गई है (जिस पैकेज को ब्राउज़ करें ... मेनू आइटम जो मैं उल्लेख करता हूं उस पर जाने के लिए)। उदाहरण के लिए, आप मौजूदा स्क्रिप्ट का विस्तार कर सकते हैं, जैसे कि अतिरिक्त विभाजक। पाइथन में सबलेम टेक्स्ट 2 लिपियों को लागू किया गया है, यहाँ पाइथन डॉक्यूमेंटेशन है , और इस पेज में डॉक्यूमेंट विशिष्ट है जो सब्लिम टेक्स्ट 2 के लिए है

— डैनियल बेक

मैंने किसी को करते देखा है, div#main.containerलेकिन जब मैं कोशिश करता हूँ तो mainएक वर्ग के साथ उदात्त तत्व बाहर निकलता है container?

— टैको

Answer 2

एम्मेट / ज़ेन-कोडिंग

एम्मेट एक प्लगइन है जहां आप सीएसएस-चयनकर्ता की तरह बुनियादी संरचना लिखते हैं और संपादक का विस्तार करते हैं। आप पैकेज को GitHub पर पा सकते हैं और इसे पैकेज मैनेजर के माध्यम से स्थापित कर सकते हैं ।

_{(स्रोत: smashingmagazine.com )}

इस स्मैशिंग मैगज़ीन पर एक लेख है । उदाहरण के लिए,

(.foo>h1)+(.bar>h2)

साथ विस्तार होगा Tabकरने के लिए

<div class="foo">
  <h1></h1>
</div>
<div class="bar">
  <h2></h2>
</div>

टैग में चयन लपेटें

आप जो भी कर सकते हैं वह AltShiftWएक खुले टैग बनाने या एक टैग में वर्तमान चयन को लपेटने के लिए दबाएं (देखें संपादित करें »टैग» टैग में वर्तमान चयन लपेटें )।

डिफ़ॉल्ट रूप से यह बनाएंगे:

<p></p>

चयनित टैग नाम के साथ ताकि आप इसे अधिलेखित कर सकें।

दबाने पर Tabआपको टैग के अंदर मिल जाएगा। या, यदि आप दबाते हैं, तो आप Spaceउदाहरण के लिए विशेषताएँ बना सकते हैं:

• AltShiftW(विंडोज / लिनक्स पर) या CtrlShiftWओएस एक्स पर
• A
• Space
• टाइप करें href="...", तबTab
• <a href="..."></a>टैग के अंदर स्थित कर्सर के साथ परिणाम