Jak zmienić rozmiar karty na GitHub?

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

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

Wydaje się, że wartość może wynosić od 1 do 12. Nie działa jednak na Gistach ani w widokach plików raw.

Source: GitHub Cheat Sheet

Ustaw domyślny rozmiar wyświetlanych kart dla Twojego repozytorium

Kiedy masz .editorconfig w Twoim repozytorium będzie go respektował podczas przeglądania kodu na GitHub.

Indent_style = tab and 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ń jak widzisz karty w innych repozytoriach

Zainstaluj stylowe w swojej przeglądarce, niż zainstaluj GitHub: lepsze karty 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

W rzeczywistości jest to możliwe, z rozszerzeniem przeglądarki. Zainstaluj Stylish (W Firefoxlub Chrome), a następnie zainstaluj ten styl użytkownika: " GitHub: better-sized tabs in code".

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, który miał autor i wstawiłem do niego następujące wiersze:

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

I zadziałało na Chrome (screenshot).

Jak widać na zrzucie ekranu, włączyłem również tryb panoramiczny i zmieniłem schemat kolorów na Solaryzowany. Więc mam trzy style użytkownika uruchomione na stronach GitHub przez Stylish rozszerzenie dla Chrome . Mam nadzieję, że to komuś pomoże.

Oto aktualizacja dla Stylish. To odpowiedź aledujke ' a .tab-size REPLACE with .diff-viewer.

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

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

Inną opcją jest umieszczenie gist , zastąpienie wszystkich tabulatorów 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 na traktowanie tabulatorów jako spacji rozwiąże problem.

Więc, na przykład, w Visual Studio Code, konfiguracja wygląda tak:

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

In Sublime it ' s:

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

Do niedawna nalegałem na nie-spaced tabs. Po przełączeniu Naprawiono dziwność renderowania Github i nie zauważyłem żadnych znaczących 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ąpili wszystkie karty odpowiednią liczbą spacji.

Używanie kart jest dziś problematyczne w kodzie, ponieważ często widzisz je w Internecie, gdzie decyzja "ile spacji na kartę" zależy od tego, gdzie jest wyświetlana.