Jak zmienić rozmiar tabulacji w GitHub?

Gdy przeglądam pliki w GitHub, zakładki pojawiają się jako 8 spacji.

Przykład:

Czy można zmienić tę konfigurację na 2 lub 4 spacje?

Aktualizacja

Tak . Jak stwierdził Mortenpi, można tego dokonać poprzez dodatkowy parametr zapytania. Zobacz jego odpowiedź, aby uzyskać więcej informacji.

Oryginalna odpowiedź

Czy można zmienić tę konfigurację na 2 lub 4 spacje?

Nie. Jest dostępny tylko jako część funkcji edycji za pomocą edytora Ace, a zmiana nie jest utrzymywana.

Ten post na blogu zawiera więcej informacji na temat osadzonego IDE.

Jeśli jednak znasz adres URL obiektu blob (pliku), który chcesz przejrzeć, możesz łatwo przejść do trybu edycji, zmieniając segment obiektu blob za pomocą segmentu edycji i użyj menu rozwijanego, aby wybrać preferowany rozmiar karty.

• Widok standardowy: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Widok asa: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Możesz dołączyć ?ts=2lub?ts=4 do adresu URL, aby zmienić rozmiar tabulatora.

Przykład: https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

Wygląda na to, że wartość może wynosić od 1 do 12. Nie działa to jednak na widokach Gists ani surowych widokach plików.

Źródło: Ściągawka GitHub

Ustaw domyślny rozmiar wyświetlanej zakładki dla swojego repozytorium

Gdy masz .editorconfig w swoim repozytorium, będzie go przestrzegać podczas przeglądania kodu w GitHub.

indent_style = tab i indent_size = 4 pokazuje tabulatory z 4 kolumnami zamiast 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Przykład .editorconfig dla wielu rozszerzeń, które działają w produktach JetBrains:

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

Zmień sposób wyświetlania kart w innych repozytoriach

Zainstaluj Stylus w przeglądarce, niż zainstaluj GitHub: karty o większym rozmiarze w kodzie .

Istnieją również rozszerzenia Google Chrome:

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

Można to zrobić za pomocą rozszerzenia przeglądarki. Zainstaluj Stylowy (w przeglądarce Firefox lub Chrome ), a następnie zainstaluj ten styl użytkownika: „ GitHub: karty o większym rozmiarze w kodzie ”.

Może nie działać w niektórych językach. Na przykład przeglądałem plik JavaScript i nie zauważyłem żadnych zmian. Więc usunąłem styl autora i wstawiłem do niego następujące linie:

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

I działało na Chrome ( zrzut ekranu ).

Jak widać na zrzucie ekranu, włączyłem również tryb panoramiczny i zmieniłem schemat kolorów na Solarized. Mam więc trzy style użytkownika działające na stronach GitHub poprzez rozszerzenie Stylowe dla Chrome . Mam nadzieję, że to komuś pomoże.

Jeśli lubisz skrypty użytkownika, zrobiło to dla mnie:

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

Zrobiłem to, aby je naprawić http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Inną opcją jest umieszczanie wszystkich elementów w karcie , wymaganą liczbą spacji

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

Jeśli jest to opcja dla projektu, nad którym pracujesz, zmiana edytora, aby traktować tabulatory jako spacje, rozwiąże problem.

Na przykład w programie Visual Studio Code konfiguracja wygląda następująco:

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

W Sublime jest to:

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

Do niedawna nalegałem na nierozstawione zakładki. Po przełączeniu naprawiono dziwne renderowanie Github i nie zauważyłem żadnych istotnych wad w moim przepływie pracy.

Najlepszym rozwiązaniem jest, jeśli to możliwe, przekonanie opiekunów kodu źródłowego, którego szukasz, aby zastąpić wszystkie tabulatory prawidłową liczbą spacji.

Używanie tabulatorów stanowi dziś problem w kodzie, biorąc pod uwagę, że często widuje się go w Internecie, gdzie decyzja „ile spacji na tabulator” zależy od tego, gdzie jest wyświetlany.