रिक्त स्थान को टैब में बदलें


138

मैं लिख रहा हूं TypeScriptऔरHTML फ़ाइलें, और टैब रिक्त स्थान में परिवर्तित हो जाते हैं।

मेरे में TypeScript परियोजना में, प्रत्येक टैब रिक्त स्थान में परिवर्तित होता है, मैं इसे बंद करना चाहता हूं, और रिक्त स्थान के बजाय एक टैब है।

यह मेरी सेटिंग है:

{
  "editor.insertSpaces": false
}

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

यह .htmlफाइलों में काम करने लगता है , लेकिन .tsफाइलों में नहीं ।

जवाबों:


247

इसमें 3 विकल्प हैं .vscode/settings.json:

// The number of spaces a tab is equal to.
"editor.tabSize": 4,

// Insert spaces when pressing Tab.
"editor.insertSpaces": true,

// When opening a file, `editor.tabSize` and `editor.insertSpaces` will be detected based on the file contents.
"editor.detectIndentation": true

editor.detectIndentationआपकी फ़ाइल से इसका पता लगाता है, आपको इसे अक्षम करना होगा। यदि यह मदद नहीं करता है, तो जांचें कि आपके पास उच्च प्राथमिकता वाली कोई सेटिंग नहीं है। उदाहरण के लिए जब आप इसे उपयोगकर्ता सेटिंग्स में सहेजते हैं तो इसे कार्यक्षेत्र सेटिंग्स द्वारा अधिलेखित किया जा सकता है जो आपके प्रोजेक्ट फ़ोल्डर में हैं।

अपडेट करें:

आप बस फ़ाइल » प्राथमिकताएँ » सेटिंग्स खोल सकते हैं या शॉर्टकट का उपयोग कर सकते हैं:

CTRL+ , (विंडोज, लिनक्स)

+ , (Mac)

अपडेट करें:

अब आपके पास उन विकल्पों को मैन्युअल रूप से संपादित करने का विकल्प है।
चयनकर्ता रिक्त स्थान पर क्लिक करें : 4 संपादक के दाईं ओर:
Ln44, कर्नल।  [रिक्त स्थान: 4]।  बीओएम के साथ यूटीएफ -8।  CTRLF।  HTML  :)

जब आप मौजूदा ws को टैब में बदलना चाहते हैं, मार्केटप्लेस से एक्सटेंशन इंस्टॉल करें
संपादित करें:
टैब के लिए रिक्त स्थान से मौजूदा खरोज बदलने के लिए मारा Ctrl+ Shift+P और प्रकार:

>Convert indentation to Tabs

यह टैब्स को परिभाषित सेटिंग्स के आधार पर आपके दस्तावेज़ के लिए इंडेंटेशन को बदल देगा।


1
@ वीरगोस सेटिंग। Json
v-andrew

1
मैं अपने कार्यक्षेत्र की सभी फ़ाइलों के लिए यह कमांड कैसे चलाऊं।
विजेंद्र कुमार

134

टैब सेटिंग्स को बदलने के लिए, Ln / Col टेक्स्ट के दाईं ओर स्थित स्थिति क्षेत्र को vscode विंडो के नीचे दाईं ओर स्थित स्थिति पट्टी पर क्लिक करें।

नाम हो सकता है Tab SizeयाSpaces

एक मेनू सभी उपलब्ध कार्यों और सेटिंग्स के साथ पॉप अप होगा।

यहाँ छवि विवरण दर्ज करें


3
मेरे लिए, यह केवल इन सेटिंग्स को उस विशेष फ़ाइल के लिए बदलता है जिसे मैं वर्तमान में देख रहा हूं। प्रोजेक्ट की अन्य फाइलें उनकी पुरानी सेटिंग्स को बनाए रखती हैं। आप इसे सार्वभौमिक रूप से कैसे सेट करेंगे?
काइल वासेला

मैं आमतौर पर अपनी सभी फाइलों को एक बार में बदल देता हूं, अगर मुझे जरूरत है, तो सरल रीगेक्स `{4}` के लिए एक प्रोजेक्ट खोज करके और \ t (टैब के लिए) के साथ बदलें। आमतौर पर मैचों पर नज़र रखने के लिए यह सुनिश्चित करने के लिए कि मल्टी-लाइन स्ट्रिंग शाब्दिक जैसे कुछ भी नहीं टूटेगा, आदि स्पष्ट रूप से इन सेटिंग्स को लागू करें ताकि आपके नए इंडेंटेशन वांछित अक्षर भी हों!
cossacksman

25

Ctrl+Shift + P, फिर "कन्वर्ट इंडेंटेशन टू टैब्स"


13

यदि आप रिक्त स्थान के बजाय टैब का उपयोग करना चाहते हैं

इसे इस्तेमाल करे:

  1. पर जाएं FilePreferencesSettingsया सिर्फ प्रेस Ctrl + ,
  2. में खोज सेटिंग शीर्ष डालने पर पट्टीeditor.insertSpaces
  3. आपको कुछ इस तरह दिखाई देगा: संपादक: रिक्त स्थान डालें और यह संभवतः जाँच की जाएगी। बस इसे अनचेक करें जैसा कि नीचे दी गई छवि में दिखाया गया है

संपादक: आवेषण लगाएं

  1. पुनः लोड दृश्य स्टूडियो संहिता (प्रेस F1➤ प्रकार reload window➤ प्रेस Enter)

अगर यह काम नहीं करता है तो यह कोशिश करें:

यह संभवतः स्थापित प्लगइन JS-CSS-HTML फॉर्मैटर के कारण है

(आप पर जाकर उसे जांच कर सकते हैं FilePreferencesExtensionsया सिर्फ दबाने Ctrl + Shift + X , में सक्षम सूची आप पाएंगे जे एस-सीएसएस-एचटीएमएल फ़ॉर्मेटर )

यदि आप इस प्लगइन को संशोधित कर सकते हैं:

  1. प्रेस file F1टाइप Formatter config➤ प्रेस Enter(यह फ़ाइल खुल जाएगा formatter.json)
  2. फ़ाइल को इस तरह संशोधित करें:
 4|    "indent_size": 1,
 5|    "indent_char": "\t"
——|
24|    "indent_size": 1,
25|    "indentCharacter": "\t",
26|    "indent_char": "\t",
——|
34|    "indent_size": 1,
35|    "indent_char": "\t",
36|    "indent_character": "\t"
  1. इसे सहेजें ( File➤ पर जाएं Saveया बस Ctrl + दबाएं S)
  2. पुनः लोड दृश्य स्टूडियो संहिता (प्रेस F1➤ प्रकार reload window➤ प्रेस Enter)

यदि आप टैब के बजाय रिक्त स्थान चाहते हैं, तो formatter.jsonफ़ाइल को संशोधित करें : (तो बने ) के बजाय किसी भी उद्धरण चिह्न में एक स्थान रखें , और जहां आपको 1 दिखाई दे, वहां 4 डालें । तो आप इस तरह आ सकते हैं \t"\t"" ""indent_size": 4, "indent_char": " " "indent_size": 4, "indentCharacter": " ", "indent_char": " ", "indent_size": 4, "indent_char": " ", "indent_character": " "
एलेक्स लोगविन

1
RELOAD विन्डो स्टेप वह था जो मुझे याद आ रहा था। किसी भी बदलाव के लिए बक्से की जाँच करने और 3 बार सेटिंग के साथ फ़िदा करने के लिए निराश होना, जब मुझे सब करना था खिड़की को फिर से लोड करना था। पारितोषिक के लिए धन्यवाद!
रिन और लेन

8

मेरे मामले में, समस्या JS-CSS-HTML फॉर्मैटर एक्सटेंशन को अद्यतन के बाद स्थापित किया गया था। डिफ़ॉल्ट indent_charगुण स्थान है। मैंने इसकी स्थापना रद्द कर दी और अजीब व्यवहार बंद हो गया।


ओह हाँ, यह मेरे लिए वास्तविक मुद्दा था। वीएस कोड में सेटिंग के आसपास बहुत समय बिताते हैं। आखिरकार इस एक्सटेंशन को अक्षम करने से समस्या हल हो गई।
अविजित

8

आधिकारिक vscode सेटिंग से इसे जांचें:

// Controls whether `editor.tabSize#` and `#editor.insertSpaces` will be automatically detected when a file is opened based on the file contents.
"editor.detectIndentation": true,

// The number of spaces a tab is equal to. This setting is overridden based on the file contents when `editor.detectIndentation` is on.
"editor.tabSize": 4,

// Config the editor that making the "space" instead of "tab"
"editor.insertSpaces": true,

// Configure editor settings to be overridden for [html] language.
"[html]": {
    "editor.insertSpaces": true,
    "editor.tabSize": 2,
    "editor.autoIndent": false
}

7

नीचे सेटिंग्स मेरे लिए अच्छी तरह से काम कर रहे हैं,

"editor.insertSpaces": false,
"editor.formatOnSave": true, // only if you want auto fomattting on saving the file
"editor.detectIndentation": false

ऊपर की सेटिंग्स प्रत्येक फाइलों को प्रतिबिंबित और लागू की जाएंगी। आपको प्रत्येक फ़ाइल को मैन्युअल रूप से इंडेंट / फ़ॉर्मेट करने की आवश्यकता नहीं है।


3

फ़ाइल -> प्राथमिकताएँ -> सेटिंग या बस Ctrl+ दबाएं ,और रिक्त स्थान खोजें , फिर इस विकल्प को निष्क्रिय करें:

यहाँ छवि विवरण दर्ज करें

मुझे फ़ाइल को फिर से खोलना पड़ा ताकि बदलाव प्रभावी हो सकें।


1
  1. अपना कोड हाइलाइट करें (फ़ाइल में)
  2. एप्लिकेशन विंडो के निचले दाएं कोने में टैब आकार पर क्लिक करें अनुप्रयोग विंडो छवि के निचले दाएं कोने में टैब आकार
  3. टैब में उपयुक्त कन्वर्ट इंडेंटेशन चुनें टैब छवि में उपयुक्त कन्वर्ट इंडेंटेशन चुनें

1

यदि आप बहुत सारी फ़ाइलों में टैब को रिक्त स्थान में बदलना चाहते हैं, लेकिन व्यक्तिगत रूप से उन्हें खोलना नहीं चाहते हैं, तो मैंने पाया है कि यह समान रूप से काम करता है और केवल फाइंड और रिप्लेसमेंट का उपयोग करता है बाईं ओर के टूल बार विकल्प का ।

पहले बॉक्स में (Find ) स्रोत कोड से एक टैब कॉपी और पेस्ट करें।

दूसरे बॉक्स में (Replace ), रिक्त स्थान की संख्या दर्ज करें जिसे आप उपयोग करना चाहते हैं (यानी 2 या 4)।

यदि आप ...बटन दबाते हैं, तो आप निर्देशिकाओं को शामिल या अनदेखा करने के लिए निर्दिष्ट कर सकते हैं (यानीsrc/Data/Json )।

अंत में, परिणाम पूर्वावलोकन का निरीक्षण करें और सभी को बदलें दबाएं । कार्यक्षेत्र की सभी फाइलें प्रभावित हो सकती हैं।


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.