Wie ändere ich die Tab-Größe auf GitHub?

Wenn ich Dateien auf GitHub ansehe, werden Registerkarten als 8 Leerzeichen angezeigt.

Beispiel:

Ist es möglich, diese Konfiguration auf 2 oder 4 Leerzeichen zu ändern?

Aktualisieren

Ja . Wie von mortenpi angegeben, kann dies über einen zusätzlichen Abfrageparameter erfolgen. Siehe seine Antwort für weitere Details.

Ursprüngliche Antwort

Ist es möglich, diese Konfiguration auf 2 oder 4 Leerzeichen zu ändern?

Nein. Es ist nur als Teil der Bearbeitungsfunktion über das verfügbar Ace- Editor und die Änderung wird nicht beibehalten.

Diese Blog-Beitrag enthält weitere Informationen zur eingebetteten IDE.

Vorausgesetzt, Sie kennen die URL des Blobs (der Datei), die Sie überprüfen möchten , können Sie einfach in den Bearbeitungsmodus wechseln, indem Sie das Blob- Segment durch ein Bearbeitungssegment ändern und mithilfe der Dropdown-Liste Ihre bevorzugte Registerkartengröße auswählen.

• Standard Ansicht: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Ace-Ansicht: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Sie können ?ts=2oder ?ts=4an die URL anhängen , um die Tab-Größe zu ändern.

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

Es scheint, dass der Wert zwischen 1 und 12 liegen kann. Er funktioniert jedoch nicht in Gists oder Rohdateiansichten.

Quelle: GitHub Spickzettel

Legen Sie die standardmäßig angezeigte Registerkartengröße für Ihr Repository fest

Wenn Sie eine .editorconfig in Ihrem Repository haben, wird diese beim Anzeigen von Code auf GitHub berücksichtigt .

indent_style = tab und indent_size = 4 zeigen Registerkarten mit 4 Spalten anstelle von 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Beispiel .editorconfig für mehrere Erweiterungen, die in JetBrains-Produkten funktionieren:

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

Ändern Sie, wie Registerkarten in anderen Repositorys angezeigt werden

Installieren Sie Stylus in Ihrem Browser, als GitHub: Registerkarten mit besserer Größe im Code .

Es gibt auch Google Chrome-Erweiterungen:

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

Es ist tatsächlich möglich, dies mit einer Browser-Erweiterung zu tun. Installieren Sie Stylish (in Firefox oder Chrome ) und anschließend den folgenden Benutzerstil: „ GitHub: Registerkarten mit besserer Größe im Code ".

In einigen Sprachen funktioniert dies möglicherweise nicht. Ich habe beispielsweise eine JavaScript-Datei angezeigt und keine Änderungen festgestellt. Also habe ich den Stil des Autors gelöscht und die folgenden Zeilen eingefügt:

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

Und es hat auf Chrome funktioniert ( Screenshot ).

Wie Sie auf dem Screenshot sehen können, habe ich auch den Breitbildmodus aktiviert und das Farbschema in Solarized geändert. Ich habe also drei Benutzerstile, die auf GitHub-Seiten über die Stylish-Erweiterung für Chrome ausgeführt werden . Ich hoffe das hilft jemandem.

Wenn Sie sich für UserScripts interessieren, hat dies für mich getan:

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

Ich habe das getan, um sie zu reparieren http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Eine andere Option ist, beim Einbetten Ihres Kerns alle Registerkarten durch die erforderliche Anzahl von Leerzeichen zu ersetzen

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

Wenn dies eine Option für das Projekt ist, an dem Sie arbeiten, wird das Problem behoben, indem Sie Ihren Editor so ändern, dass Tabulatoren als Leerzeichen behandelt werden.

In Visual Studio Code sieht die Konfiguration beispielsweise folgendermaßen aus:

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

In Sublime ist es:

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

Bis vor kurzem bestand ich auf nicht beabstandeten Tabs. Nach dem Umschalten wurde die Github-Rendering-Verrücktheit behoben, und ich habe keine wesentlichen Nachteile in meinem Workflow festgestellt.

Die beste Lösung besteht nach Möglichkeit darin, die Betreuer von dem Quellcode zu überzeugen, den Sie suchen, um alle Registerkarten durch die richtige Anzahl von Leerzeichen zu ersetzen.

Die Verwendung von Registerkarten ist heutzutage im Code problematisch, da sie häufig im Web angezeigt werden. Die Entscheidung, wie viele Leerzeichen pro Registerkarte vorhanden sind, hängt davon ab, wo sie angezeigt werden.