Visual Studio Code में इंडेंटेशन कैसे बदलें?

Question

प्रत्येक टाइपस्क्रिप्ट फ़ाइल के लिए विज़ुअल स्टूडियो कोड 8 स्थानों के ऑटो इंडेंटेशन का उपयोग करता है। यह मेरे स्वाद के लिए बहुत अधिक है, लेकिन मुझे यह नहीं मिल रहा है कि इसे कहां बदलना है।

शायद यह एक सेटिंग के रूप में उपलब्ध है, लेकिन एक अलग नाम के तहत क्योंकि मुझे इंडेंटेशन से संबंधित कुछ भी नहीं मिल रहा है।

अपडेट करें

मैं वर्तमान में Prettier कोड फॉर्मैटर का उपयोग कर रहा हूं और जो ऑटो फॉर्मेटिंग द्वारा सभी फ़ॉर्मेटिंग समस्याओं को हल करता है (यदि कोई क्रेडिट कार्ड नहीं है)

Answer 1

आप इसे वैश्विक Userस्तर या Workspaceस्तर में बदल सकते हैं ।

सेटिंग खोलें: शॉर्टकट का उपयोग करना ctrl + ,या क्लिक किए File> Preferences> Settingsनीचे दिखाया गया है।

फिर, निम्नलिखित 2 परिवर्तन करें: ( tabSizeसर्च बार में टाइप करें)

1. के चेकबॉक्स को अनचेक करें Detect Indentation
2. टैब का आकार बदलें 2/4 (हालाँकि मुझे दृढ़ता से लगता है कि 2 JS के लिए सही है :))

Comments

कृपया, इंडेंटेशन के लिए 4 रिक्त स्थान का उपयोग करें।

— बोहदन कुट

@BohdanKuts हा हा, यह अंतहीन तर्क होगा

— ज़िन

हां :) मैंने उसके लिए कुछ खोज की और पाया कि यह 2 स्थान क्यों बन गया। और मुझे कारण पुराना लगता है इसलिए मैं 4 रिक्त स्थान का उपयोग करने की सलाह दूंगा।

— बोहदन कट्स

यह व्यक्तिपरक है और इसका कोई वास्तविक लाभ नहीं है, मैं कुछ फ़ाइल प्रकारों जैसे js, html और css, और कोड के लिए 3 रिक्त स्थान, केवल पठनीयता के लिए 2 रिक्त स्थान रखता हूं। 4 स्थानों वाले HTML और XML में आपको बहुत जल्द दाईं ओर स्क्रॉल करना होगा।

— पाब्लो पाज़ोस

Answer 2

नीचे दाएं कोने में टूलबार में आपको एक आइटम दिखाई देगा जो निम्न प्रकार दिखता है: इस पर क्लिक करने के बाद आपको रिक्त स्थान या टैब का उपयोग करके इंडेंट करने का विकल्प मिलेगा। अपना इंडेंट टाइप चुनने के बाद आपके पास यह विकल्प होगा कि इंडेंट कितना बड़ा है। ऊपर दिए गए उदाहरण के मामले में, इंडेंटेशन प्रति इंडेंट 4 अंतरिक्ष वर्णों पर सेट है। यदि टैब को आपके इंडेंटेशन कैरेक्टर के रूप में चुना जाता है तो आपको स्पेस के बजाय टैब साइज़ दिखाई देगा

आप इस सभी फाइलों पर भी लागू होते हैं और एक idividual फ़ाइल के आधार पर करना चाहते हैं, ओवरराइड Editor: Tab Sizeऔर Editor: Insert Spacesया तो में सेटिंग्स उपयोगकर्ता सेटिंग या कार्यस्थान सेटिंग्स अपनी आवश्यकताओं पर निर्भर करता है

संपादित करें 1

अपने उपयोगकर्ता या कार्यक्षेत्र सेटिंग्स पर जाने के लिए प्राथमिकताएँ -> सेटिंग्स पर जाएँ । सत्यापित करें कि आप अपनी आवश्यकताओं के आधार पर उपयोगकर्ता या कार्यक्षेत्र टैब पर हैं और सेटिंग्स का पता लगाने के लिए खोज बार का उपयोग करें। आप यह भी अक्षम करना चाह सकते हैं Editor: Detect Indentationक्योंकि यह सेटिंग आपके द्वारा सेट किए गए Editor: Insert Spacesऔर Editor: Tab Sizeजब यह सक्षम हो जाएगी तो ओवरराइड कर देगी

Comments

छवि लिंक टूट गया है।

बदलने से सभी फ़ाइलों में रिक्ति नहीं बदलती editor.tabSpacesहै । यह केवल भविष्य में बनाई गई फ़ाइलों के लिए इसे बदलता है। एक कार्रवाई में सभी फ़ाइलों को ठीक करने के लिए अभी भी कोई समाधान नहीं है।

— जैकब स्टैम

वाह। होश उड़ जाना। कभी-कभी चीजें केवल सादे दृष्टि में छिपी होती हैं

— पिंगो

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

— ian.pvd

हर बार जब मैं एक नई फ़ाइल बनाता हूं, तो यह हमेशा 4 स्थान के डिफ़ॉल्ट पर वापस लौटता हुआ लगता है?!?

— ओल्डबॉय सेप

Answer 3

प्रोग्रामिंग भाषा के आधार पर इंडेंटेशन बदलने के लिए :

1. ओपन कमान पैलेट ( CtrlShiftP| MacOS: ⇧⌘P)
2. पसंद: कॉन्फ़िगर भाषा विशिष्ट सेटिंग ... (आदेश आईडी: workbench.action.configureLanguageBasedSettings)
3. प्रोग्रामिंग भाषा चुनें (उदाहरण के लिए टाइपस्क्रिप्ट)

4. इस कोड को जोड़ें:

   "[typescript]": {
       "editor.tabSize": 2
   }
   

इसे भी देखें: VS कोड डॉक्स

Comments

कैसे (कहाँ) एक कमांड आईडी का उपयोग करता है? मुझे फ़ाइल-वरीयताएँ के अंतर्गत "भाषा विशिष्ट सेटिंग्स कॉन्फ़िगर करें" नहीं दिखाई देती हैं।

— एलन बलजीउ

@AlanBaljeu आप कीबोर्ड शॉर्टकट्स, एक्सटेंशन आदि के लिए कमांड आईडी का उपयोग कर सकते हैं। इसलिए, आप फ़ाइल > प्राथमिकताएँ > कीबोर्ड शॉर्टकट्स पर जा सकते हैं , इनपुट में आईडी पेस्ट कर सकते हैं और उदाहरण के लिए Ctrl + K Ctrl + L कमांड को असाइन कर सकते हैं ।

— मार्टिन श्नाइडर

Answer 4

आप editor.detectIndentationइलियट-जे के जवाब के अलावा, झूठे को भी सेट करना चाह सकते हैं ।

VSCode प्रति फ़ाइल आपकी editor.tabSizeऔर editor.insertSpacesसेटिंग्स को अधिलेखित कर देगा यदि यह पता लगाता है कि फ़ाइल में एक अलग टैब या रिक्त स्थान इंडेंटेशन पैटर्न है। यदि आप अपने प्रोजेक्ट में मौजूदा फ़ाइलें जोड़ते हैं, या यदि आप कोणीय क्ली जैसे कोड जनरेटर का उपयोग करके फ़ाइलें जोड़ते हैं, तो आप इस समस्या में भाग सकते हैं। उपरोक्त सेटिंग VSCode को ऐसा करने से रोकती है।

Answer 5

कोड स्वरूपण शॉर्टकट:

विंडोज पर VSCode - Shift + Alt + F

MacOS पर VSCode - Shift + विकल्प + F

Ubuntu पर VSCode - Ctrl + Shift + I

यदि आवश्यक हो तो आप वरीयता सेटिंग का उपयोग करके इस शॉर्टकट को भी अनुकूलित कर सकते हैं।

कीबोर्ड के साथ कॉलम चयन Ctrl + Shift + Alt + Arrow

Comments

Shift + Alt + F8 डिफ़ॉल्ट से मेरी डिफ़ॉल्ट 4 स्थानों के लिए मेरी फ़ाइल में सभी इंडेंट्स को बदल दिया। बस मैं क्या देख रहा था :)

— 123

Answer 6

मेरे मामले में " VSC के लिए EditorConfig " एक्सट्रैक्शन VSCode सेटिंग्स से आगे निकल रहा है। यदि आपने इसे स्थापित किया है, तो प्रोजेक्ट के रूट फ़ोल्डर में .editorconfig फ़ाइल जांचें।

यहाँ एक उदाहरण विन्यास है। "Indent_size" टैब के लिए रिक्त स्थान की संख्या निर्धारित करता है।

# editorconfig.org
root = true

[*]
indent_style = space
indent_size = 4
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = true

[*.md]
trim_trailing_whitespace = false

Answer 7

"वीएस कोड में इंडेंटेशन बदलें" के लिए उन लोगों के साथ सरल स्पष्टीकरण

चरण 1: वरीयताएँ> सेटिंग्स पर क्लिक करें

चरण 2: आप जिस सेटिंग की तलाश कर रहे हैं, वह "डिटेक्ट इंडेंटेशन" है, टाइप करना शुरू करें। "संपादक: टैब आकार" पर क्लिक करें

चरण 3: नीचे "संपादक: टैब आकार" तक स्क्रॉल करें और 2 में टाइप करें (या जो भी आपको चाहिए)।

---

परिवर्तन स्वचालित रूप से सहेजे जाते हैं

मेरे परिवर्तनों का उदाहरण

Answer 8

2 के लिए सभी मौजूदा फ़ाइलों और नई फाइलों को स्पेस आइडेंटिफिकेशन पर सेट करने के लिए इसे अपने सेटिंग में रखें। json (json की जड़ में):

"[typescript]": {
        "editor.defaultFormatter": "vscode.typescript-language-features",
        "editor.tabSize": 2,
        "editor.insertSpaces": true,
        "editor.detectIndentation":false
 }

आप कॉन्फ़िगरेशन का भाषा प्रकार जोड़ सकते हैं:

"[javascript]": {
    "editor.tabSize": 2,
    "editor.insertSpaces": true,
    "editor.detectIndentation":false
} 

Comments

इन दिनों मैं prettier.js और js प्लगइन का उपयोग करता हूँ क्योंकि यह रिक्ति और अन्य पुनः संरेखित लंबी लाइनों के साथ-साथ सबसे अधिक कुछ और के बारे में ध्यान रखता है।

— HMR

धन्यवाद, भयानक जवाब, मेरे लिए सबसे अच्छा तरीका।

— ::२२ पर स्वेताभजा हाजरा

Answer 9

वीएस कोड में सभी फाइलों में 2 स्थानों पर 4 रिक्त स्थान इंडेंट कैसे चालू करें

• फ़ाइल खोज खोलें
• रेगुलर एक्सप्रेशन ऑन करें
• दर्ज करें: ( {2})(?: {2})(\b|(?!=[,'";\.:\*\\\/\{\}\[\]\(\)]))खोज फ़ील्ड में
• दर्ज करें: $1प्रतिस्थापित फ़ील्ड में

वीएस कोड में सभी फाइलों में 2 स्पेस इंडेंट को 4 स्पेस में कैसे करें

• फ़ाइल खोज खोलें
• रेगुलर एक्सप्रेशन ऑन करें
• दर्ज करें: ( {2})(\b|(?!=[,'";\.:\\*\\\/{\}\[\]\(\)]))खोज फ़ील्ड में
• दर्ज करें: $1$1प्रतिस्थापित फ़ील्ड में

नोट: आपको पहले PERL Regex चालू करना होगा। इस तरह से:

• सेटिंग्स खोलें और JSON फ़ाइल पर जाएं
• JSON फ़ाइल में निम्न जोड़ें "search.usePCRE2": true

आशा है कि कोई इसे देखता है।

Comments

विशेष रूप से वीएस कोड के लिए, 4 से 2 रिक्त स्थान बदलने के लिए एक विस्तार भी है ।

— तानीस

Answer 10

समस्या: स्वीकृत उत्तर वास्तव में वर्तमान दस्तावेज़ में इंडेंटेशन को ठीक नहीं करता है।

समाधान: Format Documentवर्तमान (नई) सेटिंग्स के अनुसार दस्तावेज़ को फिर से संसाधित करने के लिए चलाएँ ।

समस्या: मेरी परियोजनाओं में HTML डॉक्स "Django HTML" प्रकार के हैं, "HTML" नहीं हैं और कोई फ़ॉर्मेटर उपलब्ध नहीं है।

समाधान: उन्हें सिंटैक्स "HTML" पर स्विच करें, उन्हें प्रारूपित करें, फिर "Django HTML" पर वापस जाएं।

समस्या: HTML फॉर्मैटर को पता नहीं है कि Django टेम्प्लेट टैग को कैसे संभालना है और मेरे बहुत ही सावधानीपूर्वक लागू किए गए घोंसलों को खोल देता है।

समाधान: इंडेंट 4-2 एक्सटेंशन स्थापित करें , जो वर्तमान भाषा सिंटैक्स (जो इस मामले में मैं चाहता हूं) के संबंध में बिना कड़ाई से इंडेंटेशन करता है।

Answer 11

मैं अपनी मौजूदा HTML फ़ाइल के इंडेंटेशन को 4 स्थानों से 2 स्थानों पर बदलना चाहता था ।

मैंने स्टेटस बार में 'स्पेस: 4' बटन पर क्लिक किया और उन्हें अगले डायलॉग बॉक्स में दो में बदल दिया।

मैं 'विम' एक्सटेंशन का उपयोग करता हूं। मैं विम के बिना फिर से इंडेंट करने का तरीका नहीं जानता

अपनी वर्तमान फ़ाइल को पुनः इंडेंट करने के लिए, मैंने इसका उपयोग किया:

gg

=

G

Answer 12

पर जोड़ना: हाँ, आप स्थान सेटिंग्स को कॉन्फ़िगर करने के लिए नीचे-दाएं UI का उपयोग कर सकते हैं। लेकिन अगर आपके पास मौजूदा कोड है जो नए रिक्ति के लिए प्रारूपित नहीं है, तो आप फ़ाइल के भीतर कहीं भी राइट-क्लिक कर सकते हैं और प्रारूप दस्तावेज़ पर क्लिक कर सकते हैं । जब तक मैं इस मुद्दे पर ठोकर खाई यह पता लगाने के लिए मुझे कुछ समय लगा ।

प्रारूप दस्तावेज़ मेनू