VSCode ऑटो HTML को पूरा नहीं करता है

85

मैं विंडोज 7 पर अपने नए स्थापित विज़ुअल स्टूडियो कोड से परेशान हूं। मैक पर संपादक स्वचालित रूप से html टैग बंद कर देता है लेकिन मेरे Win7 पर नहीं। मुझे लगता है कि इसे चालू करने के लिए कुछ विकल्प होना चाहिए, लेकिन मुझे कोई नहीं मिल रहा है।

कब की बात कर रहा हूँ। <htmlइंटेलीजेंस लिखना पॉप अप करता है और आप दर्ज करते हैं, आमतौर पर यह स्वचालित रूप से </html>खदान में काम नहीं करता है। (दॅ IntelliSense पॉप अप होता है, लेकिन आप विकल्प यह ऑटो बंद टैग नहीं है से एक का चयन होता है: <h1> -> </h1>)

html intellisense visual-studio-code

— Harvey3589661
स्रोत

1. आप ऑटो बंद टैग का उपयोग कर सकते हैं , यह आपकी आवश्यकता को पूरा कर सकता है।

— जियालिन ने

2

2. एक tagname जैसे div , तो दो बार टैब कुंजी दर्ज करें , यह स्वत: पूर्ण हो जाएगा जो टैग -----> <div> </ div>

— jialin wang

40

से 0.3.0 रिलीज नोट्स

टैग्स के HTML ऑटो क्लोजिंग को अब हटा दिया गया है और इसे इंटेलीजेंसी पर ले लिया गया है </।

— जॉन पापा
स्रोत

5

ओह, यह ऐसी चीज नहीं है जिसकी मुझे उम्मीद थी। क्या इसे वापस लाने का कोई तरीका है? कुछ फ़ाइलें संशोधित करें या कुछ डाउनलोड करें? मैं VSCode का उपयोग करना चाहता हूं लेकिन ऑटो पूरा होने के साथ। धन्यवाद।

— हार्वे 3589661

56

मैं इसके लिए भी देख रहा था, लेकिन मैं 0.10.6 में मेरे लिए टैब कार्यों का उपयोग करते हुए नोटिस करता हूं। उदाहरण के लिए div(बिना <>) तो सीधे टैब दबाएं, और यह प्रवेश करता है <div></div>। बिल्कुल समान नहीं, लेकिन उपयोग का हो सकता है। इन शॉर्टकट्स के लिए डोको (एम्मेट) यहाँ

— पेटर

3

हाँ, वह एम्मेट के कारण है। एम्मेट आइए हम ब्रेसिज़ के बिना तत्व नाम टाइप करते हैं और यह जोड़ देगा कि क्या आवश्यक है। यह वास्तव में शक्तिशाली है।

— जॉन पापा

1

यह मेरे लिए वीएस कोड 1.5.3 पर काम नहीं करता है। यदि मैं <div> टाइप करता हूं, तो यह टैग को बंद / पूरा नहीं करता है। मुझे यहाँ कुछ भी याद आ रहा है?

— माइकल जियोवानी पुमो

2

divबिना <>अपडेट किए सिर्फ टैब टाइप करना और लेटेस्ट अपडेट के बाद टैब काम नहीं करता। क्या इसे फिर से सक्षम करने का कोई तरीका है?

— कोककोडको

170

टैग नाम टाइप करें (बिना शुरू किए <) फिर टैब दबाएं

उदाहरण के लिए divफिर टैब दबाएं और वीएस इसे कन्वर्ट कर देगा<div></div>

या ओपनिंग टैग टाइप करें फिर टैब को दो बार दबाएं

उदाहरण के लिए :

प्रकार <div
टैब दबाएं
टैब दबाएं

यह समापन टैग जोड़ देगा

— Rabolf
स्रोत

2

स्व समापन टैग के बारे में क्या है (उदाहरण <इनपुट />)?

— रान्डेल फ्लैग

1

बस इनपुट टाइप करें और टैब को दो बार दबाएं, वीएस कोड इसे <इनपुट प्रकार = "टेक्स्ट">

— अमित मित्तल

1

बस यह जोड़ना चाहते हैं कि यह एम्मेट कार्यक्षमता का हिस्सा है, जो आपको टैग जोड़े ही नहीं, बल्कि अधिक जटिल HTML संरचना उत्पन्न करने की अनुमति देता है। उदाहरण के लिए यदि आप पढ़ सकते हैं इस , या बस चींटी के लिए गूगल।

— एलेक्स चे

@ राब्ल्फ क्या आप वीएस कोड के लिए कुछ अन्य कूल एचएमटीएल शॉर्टकट्स का उल्लेख कर सकते हैं?

— eMad

@eMAD दुर्भाग्य से मैंने वी.एस. कोड का उपयोग जारी नहीं रखा

— रैबॉल्फ

52

मैं एक ही समस्या का सामना कर रहा था, तब मैंने अपने कोड के नीचे दाईं ओर कुछ देखा। HTML का उपयोग करने के बजाय, मैं Django-HTML का उपयोग कर रहा था, इसलिए मैंने भाषा को html में बदल दिया, बूम सब कुछ फिर से ठीक काम कर रहा है। छवि देखें

— सिपह्मंडला हीरो नगवेंया
स्रोत

एक समान समस्या थी, लेकिन मेरे मामले में मुझे एहसास हुआ कि मैं HTML को एक PHP फ़ाइल में लिख रहा था। मान लीजिए कि जब तक मैं हूं, तब तक मैं आटोक्लोजिंग टैग का उपयोग नहीं कर पाऊंगा।

— प्रोमेथियस

21

यहाँ एक शांत चाल है (वास्तव में एक एम्मेट संक्षिप्त नाम) :

टैग नाम लिखें | जैसेh1
उसके बाद एक तारांकन जोड़ें | जैसेh1*
दबाएँ | (परिणाम होगा )Tab<h1></h1>

_{पुनश्च: - यह भी इस तरह के रूप में स्वतः बंद होने वाले टैग के लिए काम करता है input, imgआदि}

— ɢʀᴜɴᴛ
स्रोत

1

@ कोकोडको हाँ यह करता है :P

— ok

यह बहुत अजीब है ..... मुझे यकीन नहीं है कि इसे फिर से सक्षम करने के लिए क्या परिवर्तन करना है ...

— कोकोडोको

1

@ ककोड़को आपके पास एम्मेट एक्सटेंशन स्थापित होना चाहिए।

— सुधांशु

यह काम करता है, लेकिन इसमें शामिल करने की कोई आवश्यकता नहीं है *। 1.21.0

— सॉस

1

@BlueClouds हां और उनमें से कोई भी जो html संक्षिप्त नाम समर्थन प्रदान करता है, को काम करना चाहिए। एक सामान्य नियम से, मैं अधिकतम इंस्टॉल के साथ एक का उपयोग करता हूं।

— सुधांशु

15

आप VS कोड के लिए इस एक्सटेंशन को आज़मा सकते हैं । इसने ऑटो क्लोज टैग फंक्शन लागू किया है और यह आपकी आवश्यकता को पूरा करेगा:

जब आप खुलने वाले टैग के समापन कोष्ठक में टाइप करते हैं तो स्वतः समापन टैग जोड़ें
क्लोजिंग टैग डालने के बाद, कर्सर ओपनिंग और क्लोजिंग टैग के बीच होता है

— जून हन
स्रोत

यह वही है जो मुझे चाहिए था। अब ब्रैकेट की तरह काम करता है, जो बहुत अच्छा है। धन्यवाद!

— हार्वे 3589661

हाँ, लेकिन ... इसे वीएस कोड के पुराने संस्करणों में सक्षम किया गया था। कहीं यह सेटिंग के चक्रव्यूह में ही तो नहीं है।

— कोकोडोको

7

मुझे एक ही समस्या का सामना करना पड़ा है मैक सिएरा (10.12.6) पर VSCode (1.30.2), एक HTML फ़ाइल को संपादित करते समय। Vscode दस्तावेज के अनुसार https://code.visualstudio.com/docs/languages/html , इन्टेलिसेन्स बॉक्स से बाहर काम करना चाहिए।

यह पता चला कि "भाषा का पता लगाने" (स्क्रीन के निचले भाग में संपादक स्थिति पट्टी के दाएं कोने पर) स्वचालित पहचान पर सेट है, और फ़ाइल को इस रूप में मान्यता दी गई है django-html। जब मैन्युअल रूप से वापस सादे एचटीएमएल पर स्विच किया जाता है, तो सब कुछ काम करता है।

— XX
स्रोत

5

प्रेस Ctrl + Shift + पी आदेश पैलेट खोलने के लिए।
खोजकर्ता में 'भाषा मोड बदलें' टाइप करें ।
'भाषा मोड बदलें' का चयन करें ।
खोजकर्ता में 'HTML' टाइप करें ।
और 'HTML' चुनें (यह संभवतः 'django-html' पर सेट था)

— Khapi
स्रोत

3

प्रेस 𝐜𝐭𝐫𝐥+𝐬𝐡𝐢𝐟𝐭+𝐏-> टाइप करें 𝐂𝐡𝐚𝐧𝐠𝐞 𝐂𝐡𝐚𝐧𝐠𝐞 𝐌𝐨𝐝𝐞 -> फिर 𝐃𝐞𝐭𝐞𝐜𝐭 𝐂𝐡𝐚𝐧𝐠𝐞 का चयन करें

इससे मेरा काम बनता है।

— सुवालक्ष्मी
स्रोत

1

मुझे इस उत्तर में कुछ भी नया नहीं दिख रहा है

— वेगा

2

फ़ाइल> प्राथमिकताएं> कीमैप, 'ऑटो पास' खोजें और इंस्टॉल पर क्लिक करें। यदि यह काम नहीं करता है, तो प्लगइन पुनः लोड करें।

— धीमेन्द्र भंडारकर
स्रोत

1

मैं उसी समस्या से पीड़ित था, तब मैंने जावास्क्रिप्ट (एसई) एक्सटेंशन के साथ वीएस कोड से अनावश्यक एक्सटेंशन की स्थापना रद्द कर दी और यह मेरे लिए काम कर गया।

— 5hifaT
स्रोत

0

Ctrl + Shift + Pकमांड खोलने के लिए दबाएं । फिर, Change Language Modeएक चयनित HTMLया किसी अन्य इच्छित भाषा टाइप करें ।

— अली
स्रोत

0

बस अपने vscode के नीचे की जाँच करें और भाषा मोड को HTML में बदलें। यह django-html दिखा रहा होगा या भाषा मोड को बदलने के लिए ctrl + shift + p पर क्लिक करें।

अब [!] + TAB वॉइला पर क्लिक करें!

— Otobong
स्रोत