GitHub'da sekme boyutu nasıl değiştirilir?

GitHub'daki dosyaları görüntülediğimde, sekmeler 8 boşluk olarak görünür.

Misal:

Bu yapılandırmayı 2 veya 4 boşluk olarak değiştirmek mümkün mü?

Güncelleme

Evet . Mortenpi tarafından belirtildiği gibi, bu ek bir sorgu parametresi ile yapılabilir. Daha fazla ayrıntı için cevabına bakınız.

Orijinal cevap

Bu yapılandırmayı 2 veya 4 boşluk olarak değiştirmek mümkün mü?

Hayır. Yalnızca Ace editörü aracılığıyla düzenleme özelliğinin bir parçası olarak kullanılabilir ve değişiklik devam etmez.

Bu blog gönderisi katıştırılmış IDE hakkında biraz daha bilgi veriyor.

Bununla birlikte, incelemek istediğiniz blobun (dosyanın) URL'sini biliyorsanız, blob segmentini bir düzenleme segmentiyle değiştirerek kolayca düzenleme moduna geçebilir ve tercih ettiğiniz sekme boyutunu seçmek için açılır menüyü kullanabilirsiniz.

• Standart görünüm: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Ace görünümü: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Sekme boyutunu değiştirmek için ?ts=2veya ?ts=4URL'sini ekleyebilirsiniz .

Örnek: https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

Görünüşe göre bu değer 1'den 12'ye kadar herhangi bir şey olabilir. Gists veya raw dosya görünümlerinde çalışmaz.

Kaynak: GitHub Hile Sayfası

Deponuz için varsayılan görüntülenen sekme boyutunu ayarlama

Deponuzda bir .editorconfig dosyası varsa , GitHub'da kodu görüntülerken ona göre değişir .

indent_style = sekme ve indent_size = 4, 8 yerine 4 sütunlu sekmeleri gösterir https://github.com/isaacs/github/issues/170#issuecomment-150489692

JetBrains ürünlerinde çalışan birden çok uzantı için .editorconfig örneği :

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

Diğer depolardaki sekmeleri görme şeklinizi değiştirme

Yükleme Stylus yüklemek yerine, tarayıcınızda GitHub: iyi ölçekli sekmeleri kodunda .

Ayrıca Google Chrome uzantıları da vardır:

• https://chrome.google.com/webstore/detail/github-tab-sizer/djpnapkcpjomnkfekaedkigfomiedpjf
• https://chrome.google.com/webstore/detail/github-tab-size/ofjbgncegkdemndciafljngjbdpfmbkn/related

Aslında bir tarayıcı uzantısı ile bunu yapmak mümkündür. Yükleme Şık (içinde Firefox veya Chrome ), bu kullanıcı stilini yükleyin: “ GitHub: kodunda iyi ölçekli sekmeleri ”.

Bazı dillerde çalışmayabilir. Örneğin, bir JavaScript dosyası görüntülüyordum ve herhangi bir değişiklik fark etmedim. Bu yüzden yazarın tarzını sildim ve içine aşağıdaki satırları koydum:

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

Ve Chrome ( ekran görüntüsü ) üzerinde çalıştı .

Ekran görüntüsünde de görebileceğiniz gibi, geniş ekran modunu da etkinleştirdim ve renk düzenini Solarized olarak değiştirdim. Bu yüzden GitHub sayfalarında Chrome için Şık uzantı üzerinden çalışan üç kullanıcı stilim var . Umarım bu birine yardımcı olur.

UserScripts ile ilgileniyorsanız, bu benim için yaptı:

// ==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 });

Bunları düzeltmek için yaptım http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Başka bir seçenek, özgeçmişinizi gömmerken , tüm sekmeleri gereken sayıda boşlukla değiştirin

<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>

Üzerinde çalıştığınız proje için bir seçenekse, düzenleyicinizi sekmeleri boşluk olarak kabul edecek şekilde değiştirmek sorunu çözecektir.

Örneğin, Visual Studio Code'da, yapılandırma şöyle görünür:

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

Yüce'de:

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

Yakın zamana kadar aralıksız sekmelerde ısrar ettim. Geçiş yaptıktan sonra, Github garipliğini düzeltti ve iş akışımda önemli bir dezavantaj fark etmedim.

En iyi çözüm, mümkünse, tüm sekmeleri doğru sayıda boşlukla değiştirmek için baktığınız kaynak kodunu koruyanları ikna etmektir.

"Sekme başına kaç boşluk" kararının görüntülendiği yere bağlı olduğu web'de sık sık görüyorsanız, sekmeleri kullanmak bugün kodda sorunludur.