GitHub पर टैब का आकार कैसे बदलें?


275

जब मैं GitHub पर फाइलें देखता हूं, तो टैब 8 रिक्त स्थान के रूप में दिखाई देते हैं।

उदाहरण:

उदाहरण

क्या इस कॉन्फ़िगरेशन को 2 या 4 स्थानों में बदलना संभव है?


6
आप GitHub के अंक # 170pre { tab-size: 4 }
KyleMit

1
मुझे लगता है कि आपको .editorconfigअपने उपयोग के बारे में @rofrol द्वारा स्वीकार किए गए उत्तर को बदलना चाहिए , मुझे लगता है कि उनके उत्तर में कॉन्फ़िगरेशन को सेट करने के लिए वर्तमान सर्वोत्तम तरीके शामिल हैं, जैसे कि अन्य लोग कोड को देखेंगे जैसा कि आपने देखा था, और जब आप इसे पढ़ रहे हों तो दूसरे लोगों का कोड कैसा दिखता है, इसे बदलना।
f1lt3r

@ f1lt3r मैं असहमत हूं। अगर लोग वास्तव में मेरे कोड को 8 स्थानों के साथ देखना चाहते हैं तो उन्हें अधिक शक्ति मिलेगी। मैं उन्हें इस तरह से प्रतिबंधित नहीं करना चाहता, इसलिए मैं इसे अपने लिए जीथब पर 4 स्थानों के साथ देख सकता हूं। जवाब परिवर्तन करने जा रहा है, तो यह mortenpi का जवाब होना चाहिए
Assimilater

@Assimilater - rofrol का जवाब किसी को भी उस चौड़ाई को देखने से नहीं रोक सकता जो वे चाहते हैं। सहमत हैं कि मोर्टेंपी का जवाब अच्छा है, हालांकि आपके द्वारा देखी गई प्रत्येक फ़ाइल के लिए परम जोड़ने के लिए बहुत निराशा होती है।
f1lt3r

3
क्या कोई डिफ़ॉल्ट के रूप में 8 रिक्त स्थान का उपयोग करने के पीछे के तर्क की व्याख्या कर सकता है? मैं किसी भी परिदृश्य की कल्पना नहीं कर सकता, जहां 8 रिक्त स्थान हास्यास्पद के अलावा कुछ भी दिखेंगे - फिर भी यह जीथब पर डिफ़ॉल्ट है? क्या देता है?
पांडावूड

जवाबों:


24

अपडेट करें

जी हां । जैसा कि मोर्टेंपी द्वारा कहा गया है, यह एक अतिरिक्त क्वेरी पैरामीटर के माध्यम से किया जा सकता है। देखें अपने जवाब अधिक जानकारी के लिए।

मूल उत्तर

क्या इस कॉन्फ़िगरेशन को 2 या 4 स्थानों में बदलना संभव है?

नहीं, यह ऐस संपादक के माध्यम से केवल संपादन सुविधा के हिस्से के रूप में उपलब्ध है और परिवर्तन कायम नहीं है।

यह ब्लॉग पोस्ट एम्बेडेड आईडीई के बारे में कुछ और जानकारी देता है।

हालाँकि, बशर्ते कि आप उस ब्लब (फ़ाइल) के url को जानते हों, जिसकी आप समीक्षा करने के इच्छुक हैं, आप एक ब्लोग सेगमेंट को एडिट सेगमेंट में बदलकर एडिट मोड में आसानी से स्विच कर सकते हैं और ड्रॉपडाउन का उपयोग करके अपनी पसंद के टैब का आकार चुन सकते हैं।

tabSize


20
महान विचार, लेकिन समस्या एक बार जब आप EDIT मोड में जाते हैं, तो आप उक्त संग्रह को भी फोर्क करेंगे। 50 या इसलिए केवल दृश्य-संपादन के बाद थोड़ा अधिक हो सकता है;)
टॉमबायर

2
माना। लेकिन वह योगदान देने के लिए एक अच्छा प्रोत्साहन हो सकता है ;)
nulltoken

13
जैसा कि @chrisdembia ने उल्लेख किया है, यह अब सही नहीं है; github आपको एक मानदंड (जैसे, ?ts=4) के रूप में मान देकर टैब का आकार बदलने की अनुमति देता है
dule

क्या समुदाय के लिए चयनित उत्तर को ओवरराइड करने का एक तरीका है?
क्रिसडेम्बिया

1
@chrisdembia रिमाइंडर के लिए धन्यवाद;) मोरेंटी के एक को इंगित करने का उत्तर अपडेट किया गया।
nulltoken

354

आप जोड़ सकते हैं ?ts=2या ?ts=4यूआरएल के लिए टैब-आकार बदलने के लिए।

उदाहरण: https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

ऐसा लगता है कि मान 1 से 12 तक कुछ भी हो सकता है। यह जिस्ट या कच्चे फ़ाइल विचारों पर काम नहीं करता है।

स्रोत: गिटहब चीट शीट


97
यह अच्छा है कि यह संभव है, लेकिन यह अच्छा होगा यदि URL पैरामीटर को याद रखने के बजाय टैब की चौड़ाई चुनने का आसान तरीका हो।
aross

75
यह भी अच्छा होगा यदि github आपको एक वरीयता के रूप में सहेजने दे ताकि आपको इसे URL में वापस रखने की आवश्यकता न पड़े।
FrustratedWithFormsDesigner

3
@PhilDennis मेरे लिए Chrome (Linux पर) के साथ काम करता है।
मोर्टेंपी

1
@ NikolaMihajlović यह थोड़ा सूक्ष्म है, लेकिन URL में # खंड से पहले ts तर्क की आवश्यकता है। जैसे github.com/jquery/jquery/commit/…
मोर्टेंपी

2
अच्छा समाधान। दुख की बात है पीआर में अंतर पर काम नहीं करता है।
बबजय

279

अपनी रिपॉजिटरी के लिए डिफॉल्ट प्रदर्शित टैब आकार सेट करें

जब आपके पास अपनी रिपॉजिटरी में एक .editorconfig होता है तो यह GitHub पर कोड देखने पर इसका सम्मान करेगा।

indent_style = tab और indent_size = 4 शो में 8 कॉलमों के साथ 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692 के बजाय टैब दिखाता है

JetBrains उत्पादों में काम करने वाले कई एक्सटेंशन के लिए उदाहरण .editorconfig :

root = true

[*]
end_of_line = lf
insert_final_newline = true

# Matches multiple files with brace expansion notation
[*.{js,jsx,html,sass}]
charset = utf-8
indent_style = tab
indent_size = 4
trim_trailing_whitespace = true

[*.md]
trim_trailing_whitespace = false

परिवर्तित करें कि आप अन्य रिपॉजिटरी पर टैब कैसे देखते हैं

अपने ब्राउज़र में स्टाइलस स्थापित करें , GitHub स्थापित करने से : कोड में बेहतर आकार के टैब

Google Chrome एक्सटेंशन भी हैं:


2
ऐसा लगता है कि github उन फ़ाइलों के लिए Editorconfig फ़ाइल का सम्मान नहीं करता है जिसमें कोई नाम नहीं हैं (.gitconfig, आदि)। किसी भी विचार क्यों या यह एक बग है? Ex github.com/rmandvikar/git-setup/blob/tabs/gitconfig
hIpPy

7
dotfiles [*](github पर) के साथ सम्मान नहीं लगता है । मुझे एक और प्रविष्टि के साथ जोड़ना था [.*]
आलूपरमर

यह अब तक का स्वीकृत उत्तर होना चाहिए! मुझे आश्चर्य है कि गितुब वास्तव में संपादक कॉन्फिग नियमों का पालन करता है।
मॉरीसियो

1
यह कॉमिट्स में सम्मानित नहीं है :-(
निकोला मिहाजलोविस

1
@ मुझे लगता है कि मुझसे गलती हुई। टैब आकार कोड में सही ढंग से काम करता है और भिन्न होता है, लेकिन README.mdकोड स्निपेट में नहीं । यह एक नया अवलोकन है; मुझे नहीं पता कि README.mdकोड स्निपेट ने कभी 8 जगहों के अलावा अन्य टैब आकार का काम किया है।
रेड्संड्रो

68

ब्राउज़र एक्सटेंशन के साथ वास्तव में ऐसा करना संभव है। इंस्टॉल स्टाइलिश (में फ़ायरफ़ॉक्स या क्रोम ":), तो यह उपयोगकर्ता शैली स्थापित करें GitHub: कोड में बेहतर आकार टैब "।

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

.tab-size {
  -webkit-tab-size: 4 !important;
     -moz-tab-size: 4 !important;
       -o-tab-size: 4 !important;
          tab-size: 4 !important;
}

और यह क्रोम ( स्क्रीनशॉट ) पर काम करता था ।

जैसा कि आप स्क्रीनशॉट से देख सकते हैं, मैंने वाइडस्क्रीन मोड को भी सक्षम किया और कलर स्कीम को सोलराइज्ड में बदल दिया। इसलिए मेरे पास Chrome के लिए स्टाइलिश एक्सटेंशन के माध्यम से GitHub पृष्ठों पर तीन उपयोगकर्ता शैलियाँ चल रही हैं । मुझे उम्मीद है इससे किसी को सहायता मिलेगी।


18
मैंने उस उपयोगकर्ता शैली को लिखा । मुझे खुशी है कि आपने इसे उपयोगी पाया। मैंने इसे ठीक कर दिया है और क्रोम में इसका परीक्षण किया है, और यह अब आपके संशोधन के बिना काम करता है।
रोरी ओ'केन

2
आपको मेरी उपयोगकर्ता शैली " ऑल कोड टैब टैब 4 " भी पसंद आ सकती है , जो <code>सभी वेबसाइटों पर तत्वों का टैब आकार बदल देती है ।
रोरी ओ'केन

1
गीथब हर \t8 से बदल देता है &nbsp;। Merde।
रूडी

2
हां, उन्होंने ऐसा पहले नहीं किया था और मुझे नहीं पता कि वे अब ऐसा क्यों करते हैं :( मुझे लगता है कि एक समाधान एक स्क्रिप्ट लिखने वाला व्यक्ति हो सकता है जो कहता है ... 4 लगातार & nbsp; दो या जो भी हो। लेकिन उसके लिए एक होना चाहिए "यूजरस्क्रिप्ट" मुझे लगता है।
aledujke

1
हमारे गिटहब डार्क स्टाइलिश यूज़रस्टाइल आपको टैब आकार सेट करने की अनुमति देता है। और इसे सक्रिय रूप से बनाए रखा जा रहा है।
मोटू

0

यदि आप उपयोगकर्ता स्क्रिप्ट में हैं, तो यह मेरे लिए था:

// ==UserScript==
// @name         GitHub Tabs
// @namespace    http://foldoc.org/
// @version      1
// @description  Set sensible tabs on GitHub
// @author       Denis Howe
// @match        https://github.com/*
// ==/UserScript==

document.querySelectorAll('table').forEach(t => { t.dataset.tabSize = 2 });

मैंने इस विकल्प को पसंद किया होगा, लेकिन यह कम या ज्यादा यादृच्छिक रूप से काम करने लगता है: यदि उपयोगकर्तास्क्रिप्ट रन से पहले डेटा लोड नहीं किया गया था (जैसे फ़ाइल लिस्टिंग तो फ़ाइल खोलने के लिए क्लिक करें), यह काम नहीं करता है।
दस

-3

मैंने उन्हें ठीक करने के लिए http://valjok.blogspot.com/2014/07/indentation-correction-for-exposit.html किया

एक अन्य विकल्प यह है कि जब आप अपनी जिप को एम्बेड कर रहे हों , तो सभी टैब को रिक्त स्थान की आवश्यक संख्या से बदल दें

<div id="willReplaceTabs">
 <script src="https://gist.github.com/valtih1978/99d8b320e59fcde634ad/cf1b512b79ca4182f619ed939755826c7f403c6f.js"></script>

 <script language="javascript">
  var spaces = "  "
  willReplaceTabs.innerHTML = willReplaceTabs.innerHTML.replace(/\t/g, spaces)
 </script>
</div>

-6

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

इसलिए, उदाहरण के लिए, विजुअल स्टूडियो कोड में, विन्यास इस तरह दिखता है:

{
    "editor.tabSize": 2,
    "editor.insertSpaces": true
}

उदात्त में यह है:

{
    "tab_size": 2,
    "translate_tabs_to_spaces": true
}

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


-20

सबसे अच्छा समाधान है, यदि संभव हो तो, स्रोत कोड के अनुरक्षकों को समझाने के लिए कि आप सभी टैब को सही संख्या में रिक्त स्थान से बदल रहे हैं।

टैब का उपयोग करना आज दिए गए कोड में समस्याग्रस्त है जिसे आप अक्सर इसे वेब पर देख रहे हैं, जहां "प्रति टैब में कितने स्थान" का निर्णय इस पर निर्भर करता है कि इसे कहां प्रदर्शित किया जा रहा है।


7
यह सही उत्तर है और डाउनवोट होने के लायक नहीं है। वहाँ बहुत अधिक सॉफ्टवेयर है जो आपको "टैब कॉन्फ़िगर करने योग्य" के लिए टैब की चौड़ाई को बदलने नहीं देता है जो इच्छाधारी सोच के अलावा कुछ भी हो सकता है। और अगर आप कभी भी मांगपत्र कुछ भी एक दूरी है कि नहीं है अपने पसंदीदा टैब चौड़ाई की एक बहु, अब आप टैब और रिक्त स्थान का एक मिश्रण है और टैब का आकार समायोजित करना भी अब और काम नहीं करता।
zwol

8
विकिपीडिया लेख पढ़ें जहां से 8-स्पेस टैब आता है। "आठ वर्णों का एक सामान्य क्षैतिज टैब आकार विकसित होता है, पाँच वर्ण आधा इंच और उस समय के विशिष्ट पैराग्राफ इंडेंटेशन के बावजूद, क्योंकि दो की शक्ति के रूप में उपलब्ध सीमित डिजिटल इलेक्ट्रॉनिक्स के लिए बाइनरी में गणना करना आसान था।" आपका उत्तर परिपत्र तर्क का उपयोग करता है (अर्थात मानक आठ वर्ण है क्योंकि यह मानक है) प्रश्न पर दरवाजा बंद करने के लिए। पूछने वाला इस मानक से संतुष्ट नहीं है और उसके पास कोई कारण नहीं है।
एडम

4
@mrjedmao यह करता है, आप कर सकते हैं ?ts=4
बेन

5
मैं अंतरिक्ष पर टैब पसंद करता हूं, क्योंकि जब मैं अपने कर्सर को एक व्हाट्सएप पर स्थानांतरित करता हूं तो यह 4 से 8 बार के बीच मेरे संपादन को गति देता है।

4
"डेवलपर को भुगतान करने वाले व्यक्ति को छोड़कर, हम्म?" क्या आपके मस्तिष्क की आईडीई ने निम्नलिखित वाक्य को छोड़ने के लिए अपनी चाल-दर-पंक्ति सुविधा का उपयोग किया था? मैंने स्पष्ट रूप से कहा है कि एक परियोजना के लागू किए गए सम्मेलन व्यक्तिगत प्राथमिकताओं पर वरीयता लेते हैं। || "आप स्वयं ऐसा क्यों करते हैं, जब सभी संपादकों के पास शब्द-दर-शब्द / फ़ील्ड / पंक्ति विशेषता होती है?" हां, आप यह कहते हैं कि कोड को नेविगेट करने के लिए एक संपादक की सुविधा का उपयोग करना आसान है, केवल एक कुंजी को पूरे कॉलम को पार करने के लिए। इसके अलावा, नहीं सभी संपादकों ने कहा है कि विशेषताएं हैं, और कुछ भी अलग तरह से काम करते हैं। यह सोचना बंद करें कि पूरी दुनिया उदात्त उपयोग करती है।
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.