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

मैं भी सहमत हूँ! +1

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

@Aides359 मैं सहमत हूं। हर किसी की नजर अलग होती है। बस टैब देखें। कुछ लोग अपने कोड में 2 स्पेस टैब पसंद करते हैं। कुछ पसंद करते हैं 8. अन्य 4.

मैं थोड़ा डिस्लेक्सिक हूं, इसलिए मुझे वीएस कोड में इंडेंट के साथ वास्तव में कठिन समय है,

हालांकि ऐसा लगता है कि यह थोड़ा बेहतर हो गया है। लेकिन यह अभी भी मेरे लैपटॉप स्क्रीन पर खराब है, उदाहरण के लिए, जबकि मेरे बड़े मॉनिटर पर काम पर, यह अधिक ध्यान देने योग्य है।

हां! कृपया एक विकल्प के रूप में ट्री लाइन्स। यह विशेष रूप से सहायक होगा जब संपादक एक बड़े मॉनिटर पर दूर कोने में खुला हो।

एक्सप्लोरर पेन में टॉगल को माउस-ओवर से बांधने से साफ दिखने में मदद मिलेगी।

बड़ी परियोजनाओं पर वास्तव में उपयोगी।
इस पर किसी भी अद्यतन? या मैं स्रोत में कहाँ देखना शुरू कर सकता हूँ?

@ edmundo096 इसे #21295 के डुप्ली के रूप में बंद किया गया था, जो भी बंद है। तो मुझे लगता है कि यह कहीं नहीं जा रहा है।

@cosmoKenney यह मुद्दा बंद नहीं हुआ है...

@cosmoKenney , नहीं, यह मूल पोस्ट है और इसे हल नहीं किया गया है। #21295 डुप्लीकेट था।
मुझे अभी तक साइडबार एक्सप्लोरर पर इस इंडेंटेशन गाइड को सक्षम करने के लिए कॉन्फ़िगरेशन नहीं मिला।

तो हाँ ... मेरी आँखों से खून बह रहा है। मैं what is index.js of Expression folder... I know you're there! जैसा हूं।

मुझे लगता है कि इसकी काफी उच्च प्राथमिकता होनी चाहिए। आधुनिक वेब ऐप्स में अक्सर गहरी नेस्टेड फ़ाइल संरचना होती है। यह उदाहरण देखें

और यहाँ मैग्निफ़ायर के बिना अनुमानित रूप है। इतना बुरा नहीं... अगर आपके पास फाइटर पायलट का विजन है

मुझे यह भी अच्छा लगेगा, बड़ी परियोजनाओं में खो जाना काफी आसान है।

मैं यह भी मानता हूं कि इस पर विचार किया जाना चाहिए, यहां तक ​​​​कि जब आप एक छोटी परियोजना शुरू करते हैं और हर फाइल को दिल से जानते हैं, तो जब आप एक्सप्लोरर का उपयोग करना चाहते हैं, तो उन्हें ढूंढना कष्टप्रद होता है, न कि "क्विक फाइल ओपनर" ...

मैं सहमत हूँ! मैं एक सेटिंग या एक्सटेंशन की तलाश करने की कोशिश कर रहा हूं जो पिछले दो दिनों में ऐसा करता है लेकिन कुछ भी T_T नहीं है। मैं वास्तव में एक्सप्लोरर का उपयोग करके नेविगेट करने के लिए संघर्ष करता हूं (जब आप एक नई परियोजना को नेविगेट कर रहे हों तो बहुत उपयोगी)।

इंडेंट लाइनें अद्भुत होंगी!

क्या हमारे पास कोई संकेत है कि क्या यह रोडमैप में है?

+1

+1 यह मेरे बड़े मॉनिटर पर मेरे लिए बहुत बड़ा दर्द है।

++1

+1, एक कारण है कि मैं एटम पर वापस जा सकता हूं

+1

+1 माइक्रोसॉफ्ट कृपया!

इसके लिए +1।

इस बीच, मुझे इसे अभी हल करने के लिए एक हैक मिला है:

अपना VSCode इंस्टॉल ढूंढें (मेरा था C:/Program Files/Microsoft VS Code ) और resources/app/out/vs/workbench पर जाएं और workbench.main.css खोलें।

इन पंक्तियों को फ़ाइल के अंत में जोड़ें:

.monaco-tree-row[aria-level="1"]  { padding-left:   0px !important; }
.monaco-tree-row[aria-level="2"]  { padding-left:  20px !important; }
.monaco-tree-row[aria-level="3"]  { padding-left:  40px !important; }
.monaco-tree-row[aria-level="4"]  { padding-left:  60px !important; }
.monaco-tree-row[aria-level="5"]  { padding-left:  80px !important; }
.monaco-tree-row[aria-level="6"]  { padding-left: 100px !important; }
.monaco-tree-row[aria-level="7"]  { padding-left: 120px !important; }
.monaco-tree-row[aria-level="8"]  { padding-left: 140px !important; }
.monaco-tree-row[aria-level="9"]  { padding-left: 160px !important; }
.monaco-tree-row[aria-level="10"] { padding-left: 180px !important; }
.monaco-tree-row[aria-level="11"] { padding-left: 200px !important; }
.monaco-tree-row[aria-level="12"] { padding-left: 220px !important; }
.monaco-tree-row[aria-level="13"] { padding-left: 240px !important; }
.monaco-tree-row[aria-level="14"] { padding-left: 260px !important; }
.monaco-tree-row[aria-level="15"] { padding-left: 280px !important; }

किया हुआ!

वह कोड प्रत्येक स्तर को आगे 20px इंडेंट करता है, 0px से शुरू होता है ( !important डिफ़ॉल्ट मानों को ओवरराइड करता है), लेकिन निश्चित रूप से आप इसे 20px से जितना चाहें उतना बदल सकते हैं, बस मान बदलें। मैं भी केवल 15 स्तरों की गहराई तक गया हूँ, जिसका आप विस्तार भी कर सकते हैं, लेकिन यदि आपकी परियोजना 15 स्तरों से अधिक गहरी है, तो मेरा सुझाव है कि आप अपनी निर्देशिका संरचना का पुनर्मूल्यांकन करें। ;)

@jakewtaylor यह मेरे लिए बहुत अच्छा काम करता है, एकमात्र मुद्दा यह है कि परिवर्तन करने के बाद आपको 'दूषित स्थापना' अधिसूचना प्राप्त होगी ( ..अधिक जानकारी यहां )।

@jakewtaylor @swordf1zh क्या आप इस 'हैक' के साथ कुछ स्क्रीनशॉट प्रदान कर सकते हैं?

आपके विचार से प्रेरित होकर, मैंने इस तरह की शैलियाँ बनाई हैं:

.monaco-tree .monaco-tree-rows>.monaco-tree-row {
    position: relative;
}

.monaco-tree .monaco-tree-rows>.monaco-tree-row:before {
    content: '';
    top: 0px;
    bottom: 0px;
    position: absolute;
    border-left: 1px dotted rgba(255, 255, 255, 0.4);
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
    width: 15px;
    border-radius: 1px;
}

यह ठोस इंडेंट गाइड से बहुत दूर है, लेकिन यह कुछ कदम आगे है:

@swordf1zh हाँ, मुझे वह भी मिला लेकिन केवल एक बार। तब से नहीं देखा।

@ पाई 6k यह अच्छा लग रहा है। आपके अतिरिक्त ने मुझे इसे थोड़ा सुधारने का एक विचार दिया है, जब मैं बाद में कार्यालय में आऊंगा तो मैं इसे आज़मा दूंगा।

@ Pie6k आपका हैक एक सही अस्थायी समाधान होगा सिवाय इसके कि यह किसी कारण से मेरे लिए काफी काम नहीं कर रहा है T_T (नीचे तस्वीर देखें)

@jakewtaylor इंतजार नहीं कर सकता

मेरे पास कुछ ऐसा है जो बहुत अच्छा काम करता है। जैसा आपने कहा, बिल्कुल सही से दूर, लेकिन फ़ाइल ट्री को बहुत अच्छा दिखने वाला, IMO बनाता है।

मैंने इस Gist में निर्देश दिए हैं क्योंकि CSS अब बहुत लंबा हो गया है।

इस तरह दिखता है:

आशा है कि यह आप के लिए काम करता है!

यह बहुत अच्छा काम कर रहा है।
शुक्रिया।

आपने मेरी आंखें और मेरा दिमाग बचा लिया।

अच्छा सुधार। मैंने अल्फा को 0.4 से 0.1 में बदल दिया और यह बहुत अच्छा लग रहा है, लेकिन यह सिर्फ एक व्यक्तिगत वरीयता है। यदि आप इसमें से एक एक्सटेंशन बना सकते हैं, तो यह निश्चित रूप से शीर्ष 25 में से एक होगा:

मुझे लगता है कि मैं ऐसा करूंगा, मुझे इस पर गौर करना होगा। मैं

अपडेट: ऐसा लगता है कि इस बीच एक्सटेंशन के साथ UI को संपादित करना संभव नहीं है, आपको बस Gist के निर्देशों का उपयोग करना होगा।

@ विंस्टन-गेस यह बताना भूल गए कि आपको position: relative .monaco-tree .monaco-tree-rows>.monaco-tree-row पर ही position: relative की आवश्यकता है।

@jakewtaylor @swordf1zh - अद्भुत लग रहा है ! अंत में योग्य!

ओह मेरे भगवान। मैंने इसे अभी 4 दिन खोजा है। मुझे यह समझने में थोड़ा समय लगा कि साइडबार का नाम मोनाको नहीं है। कृपया इसे विभिन्न विविधताओं के साथ लागू करें।
यह 'लाइनलेस-स्टाइल' वास्तव में मुझे पागल कर रहा है, मेरी आंखों का मार्गदर्शन करने के लिए कोई रेखा या कुछ भी नहीं देख रहा है।
+1 उन सभी पर जिन्होंने इसका समाधान किया।

हे भगवान, यह सबसे अच्छा है। मैं दान कहाँ भेजूँ !?

@edenprojectde "साइडबार का नाम मोंकाओ नहीं है" से आपका क्या तात्पर्य है? क्या आपके इंस्टॉल पर अलग-अलग वर्ग के नाम हैं? भविष्य में लोगों की मदद करने के लिए मैं Gist में कुछ नोट्स आसानी से डाल सकता हूं।

@jakewtaylor नहीं, मेरा मतलब है कि सभी सीएसएस मैंने गुई में देखा था, उसमें मोनाको नाम था, लेकिन "साइडबार" का कोई संकेत नहीं था। मैं अभी वीएस कोड में बदल गया हूं, इसलिए मुझे नहीं पता था कि गुई की कॉन्फ़िगरेशन कैसे काम करती है, यह स्पष्ट नहीं है क्योंकि यह परमाणु में था।

बस बिंदु को पार करने के लिए:


इन वर्गनामों में साइडबार नाम का कोई संकेत नहीं है।

मुझे ऐसा लगता है क्योंकि इसके ढांचे का हिस्सा कुछ भी नहीं है वीएस कोड को इसके बारे में चिंता करनी चाहिए बल्कि जीयूआई को समझने की मेरी कमी है।

मैं देखता हूं, मैंने केवल निरीक्षक का उपयोग करके काम किया है

चरण-दर-चरण निर्देश (macOS के लिए)

1. https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css इंस्टॉल करें और VS कोड रीस्टार्ट करें
2. इस सार की सामग्री को किसी फ़ाइल में सहेजें, मेरे उदाहरण में यह /Users/semenov/.vscode/css/tree.css है
3. प्राथमिकताएं> सेटिंग्स खोलें, और यह सेटिंग जोड़ें:

    "vscode_custom_css.imports": [
        "file:///Users/semenov/.vscode/css/tree.css"
    ]

1. Cmd-P, ">कस्टम CSS और JS सक्षम करें", VS कोड पुनः आरंभ करें
2. "आपका वीएस कोड दूषित है" संदेश खारिज करें

वीएस कोड को अपग्रेड करने के बाद, चरण 4 और 5 दोहराएं।

@IlyaSemenov किसी कारण से आपकी विधि मेरे लिए सामान्य और अंदरूनी संस्करणों में काम नहीं कर रही है। मैंने एक्सटेंशन के निर्देशों में देखा कि चरण 4 के लिए व्यवस्थापकीय विशेषाधिकारों की आवश्यकता है, लेकिन इससे मुझे कोई मदद नहीं मिली

एक्सटेंशन और कस्टम सीएसएस मेरे लिए काम करता प्रतीत होता है, लेकिन लाइन रंग गहरे विषयों की ओर उन्मुख होते हैं। स्क्रीन शॉट देखें...

...सुझाव?

@cosmoKenney हाँ, बस सीएसएस को जिस्ट में बदलें।

वर्तमान रंग rgba(255, 255, 255, 0.4) है, जो 40% अस्पष्टता पर सफेद है - उस की सभी घटनाओं को अपने इच्छित रंग में बदलें।

rgba(0, 0, 0, 0.4) हल्की पृष्ठभूमि के लिए अच्छा काम कर सकता है (40% अस्पष्टता पर काला)

@jakewtaylor :
धन्यवाद जेक। अच्छे से काम करता है।
अब मुझे सिर्फ यह पता लगाना है कि सोर्स पेन में वर्टिकल इंडेंट गाइड को कैसे हल्का किया जाए। ;-)

+1

हैक के लिए @IlyaSemenov थैंक्स

बीटीडब्ल्यू क्या किसी को सूची वस्तुओं के बीच लंबवत स्थान बढ़ाने का समाधान पता है?

यह बहुत उपयोगी है इसलिए मुझे आश्चर्य है कि किसी ने कभी इसका विस्तार क्यों नहीं किया? यह मेरा पसंदीदा होगा।

चलो माइक्रोसॉफ्ट, आपने इसे '95 . में समझ लिया था

यह निश्चित रूप से जल्द ही एक अंतर्निहित विकल्प होने की आवश्यकता है। कृपया :)

@chentel और @swordf1zh . के विचारों का विस्तार करते हुए

एक्सप्लोरर पेन में टॉगल को माउस-ओवर से बांधने से साफ दिखने में मदद मिलेगी।

मैंने अल्फा को 0.4 से 0.1 में बदल दिया और यह बहुत अच्छा लग रहा है

मैंने नेविगेट करना आसान बनाने के लिए @jakewtaylor के सार को फोर्क किया है। => https://gist.github.com/samdenty/b96f4df576d05cb123248f8ebfa899b6

• आखिरी ट्री आइटम नीचे की रेखा को हटा देता है
• फोल्डर और फाइलें लाइन की चौड़ाई से अलग होती हैं
• रेखाएं सामान्य रूप से लगभग पारदर्शी होती हैं, लेकिन होवर पर अस्पष्टता में वृद्धि होती है

पहले बनाम बाद में

:root {
  /** Width of the lines **/
  --tree-width: 14px;
  /** Opacity of the lines whilst not hovered **/
  --tree-opacity: 0.05;
  /** Opacity of the lines on hover **/
  --tree-opacity-hover: 0.2;
  /** Color of the lines **/
  --tree-color: rgb(255, 255, 255);
}

मैं वही ढूंढ रहा हूं।

+1
इस अति आवश्यक सुविधा को लागू करने की कोई योजना?

मेरी राय में, यह डिफ़ॉल्ट रूप से होना चाहिए, और इसे अक्षम करने के लिए एक अंतर्निहित विकल्प के साथ

@miguelkashir मैं सहमत हूं, और मुझे लगता है कि इस धागे की प्रतिक्रियाओं की संख्या एक अंतर्निहित सुविधा के रूप में इसकी आवश्यकता के लिए वॉल्यूम बोलती है?

सहमत। जबकि मैं उन लोगों के प्रयासों की सराहना करता हूं जिन्होंने सीएसएस वर्कअराउंड प्रदान किया है, यह उत्पाद में होना चाहिए। एक्सप्लोरर बड़े मॉनिटर वाले बड़े प्रोजेक्ट पर इस समय उपयोग करना बेहद कठिन हो जाता है। Microsoft पर आएं - कृपया ठीक करें!

एक वांछित अनुरोध के रूप में उछाल

+1

यदि कोई कस्टम CSS फ़ाइल बनाने और उसे "vscode_custom_css.imports" में संदर्भित करने के बाद कोई परिवर्तन नहीं देख रहा है, तो आप इसे बहुत आसान बना सकते हैं और बिना vscode-custom-css इंस्टॉल किए - बस CSS को अंत में जोड़ें workbench.main.css और आप जाने के लिए तैयार हैं!

@Funghorn बिल्कुल मेरे जिस्ट में पसंद है

@jakewtaylor हाँ, लेकिन मुझे लगा कि कुछ लोग @ samdenty99 के "पैच" संस्करण का उपयोग करेंगे और कस्टम सीएसएस फ़ाइल सभी के लिए काम नहीं कर रही है ¯_(ツ)_/¯

+1

+1

दोस्तों, कृपया +1 टिप्पणी करना बंद करें। समाधान पर प्रतीक्षा कर रहे लोगों के लिए यह कष्टप्रद है, बस प्रारंभिक पोस्ट पर प्रतिक्रिया दें। मैं

क्या कोड - इनसाइडर बिल्ड में इसके लिए कोई विकल्प है? नई सेटिंग्स को यहां संदर्भित किया गया था "सेटिंग्स # 3355 के लिए जीयूआई प्रदान करें" इसलिए मैं पूछता हूं

@fillipvt आपके द्वारा लिंक की गई समस्या सेटिंग्स के लिए GUI से संबंधित है, यह समस्या फ़ाइल एक्सप्लोरर की उपस्थिति के बारे में है। मुझे नहीं लगता कि वे संबंधित हैं? (जब तक मुझे कुछ याद नहीं आया ...?)

माइक्रोसॉफ्ट में कुछ टियर 4 मैनेजर:
"लाइनों को हटा दें, उन बदसूरत लाइनों के बिना आप पूरे दिन जो कुछ भी करते हैं, वह बहुत अच्छा लगता है।"

+1

+1
2 उपनिर्देशिकाएँ और मैं पहले से ही दर्द महसूस कर रहा हूँ

हां, एक्सप्लोरर अभी एक गड़बड़ है जिसमें फ़ोल्डरों की 1 परत से अधिक कुछ भी है। क्या किसी ने यहां किसी भी प्रस्ताव के साथ पीआर किया है? मैंने इस सूत्र में कुछ बहुत अच्छे दिखने वाले संशोधित खोजकर्ता देखे हैं

+1

कृपया हमें संपादक के इस क्षेत्र में अधिक नियंत्रण की आवश्यकता है! आपको धन्यवाद! (हैकी समाधान के बिना)

+1

@samdenty मैं आपके सार तक नहीं पहुँच सकता। क्या इसे स्थानांतरित या हटा दिया गया है?

मैंने @jakewtaylor के सार का एक कांटा बनाया। यह सैमडेंटी जैसा ही दिखता है।
https://gist.github.com/thepixture/72f5090e7fab8edae3d1dc1fb59f9f5c

मेरे लिए मैंने स्तर को बदलकर 10 कर दिया है।

इसके अलावा एक छोटी सी समस्या है मुझे नहीं पता कि इसे कैसे ठीक किया जाए। मुझे नहीं पता कि क्या सैमडेंटी का भी यही मुद्दा था। उसका सार अब नहीं है।

@thepixture यह मुद्दा दुख की बात है कि यह काम करने के हैकी तरीके का दुष्प्रभाव है - यह कई बार लंबवत रेखा को दोहराता है। यहां व्यक्तिगत राय है, लेकिन em px से अधिक सुरक्षित है (मेरा स्थानीय एक बदल दिया गया है ;-))।

@designbyadrian ने मेरा उपयोगकर्ता नाम बदल दिया, अद्यतन लिंक https://gist.github.com/samdenty/b96f4df576d05cb123248f8ebfa899b6

+1

V1.31 में, एक नया ट्री विजेट पेश किया गया था। क्या उस नए विजेट के साथ इंडेंट गाइड को प्रस्तुत करना आसान होगा? @isidorn

कस्टम CSS एक्सटेंशन का उपयोग करने वाले किसी भी व्यक्ति के लिए, मैंने इसे नए जनवरी 2019 अपडेट के साथ काम करने के लिए तय किया है
मेरे द्वारा जोड़े गए 3 मुख्य सुधार थे,

1. ट्री पंक्ति वर्ग को monaco-tree-row से monaco-list-row . में अपडेट किया गया था
2. कस्टम css फ़ाइल में, लाइन 21, monica-tree-row में position: relative नियम था, जिसके कारण वर्टिकल स्पेसिंग समस्याएँ थीं
3. .monaco-tl-twistie div में एक इनलाइन margin-left: 40px नियम था, जिसे मुझे ओवरराइड करना था (पंक्ति 15)

https://gist.github.com/Lightfire228/39dc2cf403237a190e79a000912691b2

संपादित करें: मैंने आधार के रूप में @samdenty के सार का उपयोग किया है, लेकिन इसे 'सही' दिखने के लिए आपको इसे ट्वीक करना पड़ सकता है

2 संपादित करें: मैंने 3 से अधिक गहरे फ़ोल्डर को मँडराते या चयन करते समय गायब होने वाली रेखाओं के साथ एक समस्या तय की

संपादित करें 3: यदि आप इसके साथ खेलते हैं , तो आप monaco-tl-twistie नियम (पंक्तियाँ 15-17) पर टिप्पणी कर सकते हैं। मुझे नहीं पता था कि जब मैंने सीएसएस तय किया था (और इंडेंटेशन गाइड के साथ, मैं इसे 0 पर सेट करने से एक सख्त इंडेंटेशन पसंद करता हूं)

धन्यवाद @ Lightfire228

नए अपडेट के साथ काम करना बंद कर दिया। साथ ही अब टाइटल बार में एक कष्टप्रद [असमर्थित] चेतावनी है। एक्सप्लोरर को अपडेट करने के लिए एमएस की प्रतीक्षा की जा रही है।

+1

मैं सभी की तरह ही भावनाओं को प्रतिध्वनित कर रहा हूं; ट्री स्ट्रक्चर का इंडेंटेशन सबस्ट्रक्चर को प्रभावी ढंग से चित्रित करने के लिए बहुत छोटा है।

कृपया हमें इसे बदलने के लिए कुछ विकल्प दें।

बनामकोड 1.31 . के लिए
https://gist.github.com/akmeghdad/b1208c2caa601f0ba29f953faabac709

तो यह अब vscode सेटिंग्स का एक हिस्सा है, लेकिन यह अधिकतम 20 तक ही सीमित क्यों है?

मैं उदात्त से आया हूं और मुझे बहुत गहरे इंडेंट की आदत है, क्या गहरे इंडेंट की अनुमति न देने का कोई अच्छा कारण है?

vscode max 20 Tree Indent left बनाम sublime text 3 right

@alexcroox इसे पढ़ें: https://github.com/Microsoft/vscode/issues/67576

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

आह, धन्यवाद, @sguilla - इंडेंट आकार बदलने में सक्षम होने से मेरे लिए अधिकांश समस्याएं ठीक हो जाती हैं!

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

मैंने ट्री इंडेंट विकल्प को अधिकतम 20 पर सेट किया है, लेकिन आदर्श रूप से मैं इसे और भी अधिक सेट करना चाहता हूं।

निर्देशिका ट्री इंडेंट लाइनों के बिना फ़ोल्डरों को नेविगेट करना अभी भी बहुत कठिन है क्योंकि मूल पोस्ट की सिफारिश की गई है।

मैं देख रहा हूं कि यह मुद्दा 2016 का है; 3 साल हो गए हैं, कृपया कुछ ट्री लाइन जोड़ें।

यह एक तरह से डील ब्रेकर है और मुझे इस बीच किसी अन्य संपादक के पास वापस जाना पड़ सकता है।

उन सभी लोगों के लिए जिन्होंने ऐसा नहीं किया है, कृपया प्रारंभिक टिप्पणी को "अंगूठे ऊपर" करें।
खुले मुद्दों के लिए, थम्स अप ( is:issue is:open sort:reactions-+1-desc ) द्वारा क्रमबद्ध, वर्तमान में हम केवल 18वें स्थान पर हैं!
धन्यवाद।

मैंने ट्री इंडेंट स्पेसिंग को 20px तक बढ़ा दिया है, लेकिन किसी कारण से जब मैं वीएस कोड "रीलोड" करता हूं और/या इसे बंद करता हूं और इसे फिर से खोलता हूं तो स्पेसिंग मूल 8px स्पेसिंग में बदल जाती है। आप मेरी 20px सेटिंग से वापस 8px तक रिक्ति कूद को दृष्टिगत रूप से देख सकते हैं।

मैं भी मटीरियल आइकन थीम का उपयोग कर रहा हूं। जब मैं विषय को अक्षम करता हूं, तब भी समस्या बनी रहती है।

बस सोच रहा था कि कोई इसके लिए वीएस कोड एक्सटेंशन बना सकता है या नहीं। अफसोस की बात है कि मुझे वीएस कोड एक्सटेंशन बनाने का अनुभव नहीं है (... अभी तक)

मेरे नवीनतम अंदरूनी सूत्रों में अब अधिकतम 40px है। अभी भी पेड़ खुद को मुश्किल से याद कर रहा है ‍♂️

बस सोच रहा था कि कोई इसके लिए वीएस कोड एक्सटेंशन बना सकता है या नहीं। अफसोस की बात है कि मुझे वीएस कोड एक्सटेंशन बनाने का अनुभव नहीं है (... अभी तक)

उपरोक्त टिप्पणियों में वर्णित एक, कस्टम सीएसएस एक्सटेंशन है। लेकिन यह माइक्रोसॉफ्ट द्वारा प्रतिबंधित है, आपको टाइटल बार में एक [असमर्थित] चेतावनी मिलेगी और यह हर बार वीएस कोड अपडेट होने पर काम करना बंद कर देगा। आधिकारिक समाधान की प्रतीक्षा कर रहा है।

+1

यह डिफ़ॉल्ट रूप से अधिक पठनीय दिखता है:

मूल शैलियों को संशोधित करते समय [Unsupported] को ठीक करने के लिए https://github.com/lehni/vscode-fix-checksums का उपयोग करें

_ [Unsupported] कोर फ़ाइलों को संशोधित किए जाने पर चेतावनी प्रदर्शित होती है (और उनका चेकसम मूल से भिन्न होता है)।_

यह सुविधा इतनी महत्वपूर्ण है कि इसे आधिकारिक तौर पर समर्थित किया जाना चाहिए, न कि केवल कुछ हैकअराउंड जिन्हें हर अपडेट पर फिर से कॉन्फ़िगर करना पड़ता है।

यह मजाकिया है, मैंने कुछ साल पहले वीएससीओडी का उपयोग करने की कोशिश की और वास्तव में प्रभावित हुआ, लेकिन फिर भी साइडबार इंडेंटेशन और स्टाइल ने पठनीयता को बहुत प्रभावित किया और मैंने इसे एक और आईडीई के लिए छोड़ दिया। अब इस पर वापस आ रहा हूं (यह अभी भी अच्छा है!) मुझे बहुत आश्चर्य है कि यह अभी भी एक मुद्दा है और स्पष्ट रूप से मैं इस पर अकेला नहीं हूं। ट्री इंडेंट गाइड वास्तव में पठनीयता में सुधार करेंगे: कृपया आधिकारिक तौर पर इस अनुकूलन का समर्थन करें!

इस सुविधा अनुरोध के लिए धन्यवाद। मैंने सोचा केवल मैं ही हूं।

मेरे लिए सबसे बुरी बात यह है कि तीर अन्य तत्वों के साथ समान स्तर पर संरेखित नहीं हैं:

यह सुविधा वर्तमान में #12 पर है (जब थंब अप द्वारा आदेश दिया जाता है)

2 साल से यहीं है...

+1, कृपया इसे ठीक करें, कार्यक्षेत्र> ट्री: इंडेंट को 19 पर सेट करने से मुझे मदद मिली है, लेकिन आदमी! एक विशाल पेड़ में खो जाने के बारे में बात करें, यह 1 फ़ोल्डर के साथ डिफ़ॉल्ट रूप से ठीक काम कर सकता है लेकिन... आप यह भी देखेंगे कि वीएस2017 में उन्होंने ट्री लाइनों को if स्टेटमेंट में जोड़ा ताकि आप यह पता लगा सकें कि आप कहां हैं {} इंडेंट का स्तर। सिरदर्द आइकन कहां है!

मेरे लिए भी एक समस्या! कोड लिखने पर बेहतर ध्यान देने के लिए मुझे लाइनों की आवश्यकता है; हर बार सही फाइल खोजने के लिए संघर्ष न करें

मुझे एक और धागा मिला जहां उन्होंने दिखाया कि इसे संबोधित किया गया है (सेटिंग्स में tree.indent को समायोजित करके)
https://github.com/Microsoft/vscode/issues/35447#issuecomment -455461013

@divinentd जिस समाधान का आप जिक्र कर रहे हैं वह बिल्कुल वही बात नहीं है। यह सुविधा अभी भी खुली है और पेड़ की रेखाओं से संबंधित है ताकि आप अपने प्रोजेक्ट की फ़ोल्डर संरचना के भीतर नेस्टिंग स्तर को समझ सकें। दूसरे धागे पर इंडेंटेशन स्तर आपकी आंखों को कुछ दृश्य अलगाव देने के लिए उपयोगी है लेकिन वास्तव में दृश्य इंडेंटेशन गाइड के समान नहीं है जो आप पेड़ की रेखाओं से प्राप्त कर सकते हैं।

अस्थायी समाधान

हालांकि मुझे नहीं लगता कि यह एक सही समाधान है, अगर आपको अपने प्रोजेक्ट में नेविगेट करने के लिए फ़ाइल के स्थान को देखने में कठिनाई होती है, तो आप अपने संपादक के शीर्ष पर ब्रेडक्रंब सुविधा जोड़ सकते हैं। फिर आप उस नेस्टेड स्तर के भीतर अन्य फाइलों को देखने के लिए उस के किसी भी स्तर पर क्लिक कर सकते हैं और तदनुसार नेविगेट कर सकते हैं।

दूसरा तरीका यह है कि यदि आप उस फ़ाइल का नाम जानते हैं जिसे आप खोलना चाहते हैं, तो जल्दी से F1 दबाएं और फिर अपने कीबोर्ड पर डिलीट करें जो आपके कमांड पैलेट में फाइल व्यू लाता है और फिर फाइल का नाम टाइप करना शुरू करता है। आसानी से, यह शुरुआत के बजाय एक सम्‍मिलित खोज भी है। यह आपको उपलब्ध फाइलों और उनके भीतर बैठे फ़ोल्डर को देखने में सक्षम बनाता है। चीजों को अपनी दक्षता के लिए इष्टतम आकार देने के लिए आप अपनी settings.json फ़ाइल में window.zoomLevel सेट कर सकते हैं।

कार्यान्वयन के लिए अतिरिक्त विचार

कार्यान्वयन के लिए एक विस्तार विचार के रूप में, मैं इंडेंटेशन के विभिन्न स्तरों के लिए विभिन्न विन्यास योग्य रंगीन रेखाओं की परिकल्पना करता हूं। उदाहरण के लिए, आप अपनी सेटिंग्स.json फ़ाइल में इंद्रधनुष के रंगों का उपयोग करके इंडेंटेशन स्तर सेट कर सकते हैं। बेशक, यह बहुत अच्छा होगा यदि रेखा का रंग, शैली और मोटाई सभी विन्यास योग्य विकल्प हों।

• लाल - स्तर 1
  - नारंगी - स्तर 2
  --- पीला - स्तर 3
  ---- हरा - स्तर 4
  ----- नीला - स्तर 5
  ------ इंडिगो - स्तर 6
  ------- बैंगनी - स्तर 7

मुझे भी यह सुविधा जल्द ही वीएस कोड में आते हुए देखना अच्छा लगेगा और परियोजना जिस दिशा में आगे बढ़ रही है, उससे प्यार है। अच्छा काम दोस्तों!

पूछो और तुम पर ध्यान नहीं दिया जाएगा

👍 (अंगूठे ऊपर) द्वारा हल किए गए खुले मुद्दों के लिए हम अभी भी 12 वें स्थान पर हैं, लेकिन हम अंतर को जल्दी से पाट रहे हैं।

# | खुला मुद्दा | :+1: | :-1: | :दिल:
-- | ---------- | ---- | ---- | --------
1 | फ्लोटिंग विंडो के लिए अनुमति दें | 2909 | 40 | 416
2 | एकीकृत टर्मिनल के लिए टैब | 1293 | 16 | 128
3 | vscode.extensions बिना पुनरारंभ किए एक्सटेंशन को इंस्टॉल/निकालने/अक्षम करने पर अपडेट नहीं होता | 922 | 0 | 47
4 | कार्यक्षेत्र के फ़ॉन्ट आकार और फ़ॉन्ट को बदलने की अनुमति दें | 917 | 1 | 123
5 | वीएस कोड उत्पाद आइकन को ताज़ा करना | 825 | 18 | 303
6 | गिट: विलय संपादक के रूप में वीएस कोड का प्रयोग करें | 669 | 0 | 105
7 | एकाधिक VS कोड विंडो में प्रोजेक्ट फ़ोल्डर खोलने के लिए समर्थन | 630 | 0 | 72
8 | ऑटो इंडेंट / कोड फॉर्मेटिंग / ब्यूटिफाई | 589 | 0 | 45
9 | मैक्रो रिकॉर्डिंग | 586 | 0 | 73
10 | विजुअल स्टूडियो के समान टैब पिन करने के लिए विकल्प जोड़ें | 553 | 0 | 73
11 | माउस शॉर्टकट के अनुकूलन की अनुमति दें | 521 | 0 | 57
12 | फाइल एक्सप्लोरर में निर्देशिका ट्री इंडेंट गाइड | 503 | 0 | 84
13 | सभी मशीनों में सेटिंग्स को सिंक्रनाइज़ करने के लिए सहायता प्रदान करें | 429 | 0 | 62
14 | खोज परिणामों को साइड बार के बजाय टैब में प्रदर्शित करें | 423 | 0 | 73

जिन्होंने ऐसा नहीं किया है, कृपया (अंगूठे ऊपर) प्रारंभिक टिप्पणी करें।

मेरी इच्छा है कि आप +1 स्पैमर केवल टिप्पणियों से सदस्यता समाप्त करने की अनुमति देने के लिए जीथब को परेशान कर सकते हैं, वैसे ही जैसे आप यहां कर रहे हैं: मुस्कान:

क्या आपने यह पोस्ट देखी? https://simonholman.blog/visual-studio-code-finally-has-a-tree-indent-setting/
ऐसा लगता है कि "फाइल एक्सप्लोरर में डायरेक्टरी ट्री इंडेंट गाइड" अब काम कर रहा है।
सेटिंग्स में "ट्री इंडेंट" खोजें
सेटिंग> कार्यक्षेत्र> ट्री इंडेंट।

@RoelandJimenez हां, हम ऊपर इसकी चर्चा करते हैं। यह रेखाओं के होने जैसा नहीं है, बल्कि सही दिशा में एक कदम है।

इस फीचर में फाइल एक्सप्लोरर के साथ हर प्रोग्राम होना चाहिए!

किसी भी अद्यतन?

@Ninroot इस तरह से डेवलपर्स को परेशान न करें। जब कोई चर्चा होती है या जब टिकट की स्थिति बदलती है तो हमें अपडेट प्राप्त होते हैं।

कृपया इस सुविधा को जोड़ें!!!!!!!!!!

+1

लोग, भगवान के लिए, कृपया इस टिकट को स्पैम बंद करें। वीएस कोड टीम इस अनुरोध के बारे में जानती है।
यदि आप "+1" कहना चाहते हैं, तो बस वोट करें और अपनी प्रतिक्रिया चुनें (इमोजी हाथ ऊपर करें)। इस रिपॉजिटरी में यह कैसे काम करता है

+1

@kanlukasz Github ने हाल ही में एक नई सुविधा जोड़ी है। हम केवल महत्वपूर्ण परिवर्तनों के लिए सदस्यता ले सकते हैं और +1 me too pls fix के लिए नहीं !!!!! मैं

प्रिय +1 स्पैमर, आप मुझे दोबारा नहीं पाएंगे।

चरण-दर-चरण निर्देश (macOS के लिए)

1. https://marketplace.visualstudio.com/items?itemName=be5invis.vscode-custom-css इंस्टॉल करें और VS कोड रीस्टार्ट करें
2. इस सार की सामग्री को किसी फ़ाइल में सहेजें, मेरे उदाहरण में यह /Users/semenov/.vscode/css/tree.css है
3. प्राथमिकताएं> सेटिंग्स खोलें, और यह सेटिंग जोड़ें:

    "vscode_custom_css.imports": [
        "file:///Users/semenov/.vscode/css/tree.css"
    ]

1. Cmd-P, ">कस्टम CSS और JS सक्षम करें", VS कोड पुनः आरंभ करें
2. "आपका वीएस कोड दूषित है" संदेश खारिज करें

वीएस कोड को अपग्रेड करने के बाद, चरण 4 और 5 दोहराएं।

खैर, इसका असर होता नहीं दिख रहा है।

यह वर्तमान में जून 2019 पुनरावृत्ति योजना #75103 पर "पेड़ों में इंडेंटेशन गाइड के लिए समर्थन जोड़ें" के रूप में है।

इसे मास्टर करने के लिए प्रेरित किया गया है: https://github.com/microsoft/vscode/commit/036278c3ed0ef39274fa68e11e472fbd05f3e9d0 यह कल अंदरूनी सूत्रों पर होगा! आतिशबाजी:

यह निम्नलिखित विकल्पों के साथ एक नई सेटिंग workbench.tree.renderIndentGuides के साथ आता है:

• none , बस कुछ भी प्रस्तुत न करें
• onHover , केवल होवर पर गैर-रोचक गाइड प्रस्तुत करें। हमेशा दिलचस्प गाइड (चयनित, केंद्रित ट्री नोड्स) प्रस्तुत करें।
• always , हर समय सभी गाइड प्रस्तुत करें: दिलचस्प और गैर दिलचस्प दोनों।

इस सप्ताह इसे स्पिन करना और फ़ीडबैक देना न भूलें! फिर से: कल के अंदरूनी सूत्रों पर सामने आना चाहिए।

क्या इसे पहली पोस्ट की तरह स्टाइल करने का कोई तरीका है, जैसा कि फाइलों/फ़ोल्डरों की ओर इशारा करते हुए लाइन में है?
इसके अलावा, लाइन शैली को भी बदलने की क्षमता: बिंदीदार, ठोस, ...?

├─ app
|  └─ main.js
├─ src
|  ├─ main.ts
|  └─ tsconfig.json
└─ package.json

क्या इसे पहली पोस्ट की तरह स्टाइल करने का कोई तरीका है, जैसा कि फाइलों/फ़ोल्डरों की ओर इशारा करते हुए लाइन में है?
इसके अलावा, लाइन शैली को भी बदलने की क्षमता: बिंदीदार, ठोस, ...?

अभी के लिए नहीं, नहीं। हम दोनों सिरों को पूरा करने की कोशिश कर रहे हैं: एक सुसंगत, हल्की दृश्य शैली रखते हुए पदानुक्रम धारणा की चुनौती का समाधान करें। हम देखेंगे कि यह कैसे जाता है।

@joaomoreno यह अच्छा लग रहा है, लेकिन यह बहुत अच्छा होगा अगर वे गाइड थोड़ा और दिखाई देंगे

अभी मैं मुश्किल से इसे देख सकता हूँ

अभी मैं मुश्किल से इसे देख सकता हूँ

उन्हें वैसे ही छोड़ने का विकल्प होना चाहिए जैसे वे अभी हैं।

@joaomoreno संपादक इंडेंट गाइड के रूप में workbench.colorCustomizations के तहत सेटिंग्स होनी चाहिए, जो लोगों द्वारा मांगे जा रहे कुछ अनुकूलन की अनुमति देगा।

@KamasamaK:

    "workbench.colorCustomizations": {
        "tree.indentGuidesStroke": "#ff0000"
    }

तो.. फाइलों में क्षैतिज रेखाएं नहीं होंगी? यह फाइलों से काफी दूर है। क्षैतिज रेखा को थोड़ा सा दाईं ओर ले जाना भी वास्तव में इसे और अधिक दृश्यमान/स्पष्ट बनाने में सहायक होगा। (मैं किसी भी तरह से लाइनों के लिए आभारी हूं लेकिन यह अच्छा होगा)

मुझे "कोई नहीं" और "ऑनहोवर" के बीच एक विकल्प पसंद आएगा जो हमेशा दिलचस्प गाइड दिखाता है, लेकिन होवर पर गैर-दिलचस्प लोगों को नहीं दिखाता है।

होवर पर सभी मूल फ़ोल्डरों को हाइलाइट करने के लिए होवर पर भी अच्छा होगा

यदि आप आज इसके लिए एक अच्छा विकल्प प्राप्त करना चाहते हैं:

"workbench.tree.indent": 32

आवश्यकतानुसार समायोजित करें।