Wie ändert man die Tab-Größe auf GitHub?

Question

Wenn ich Dateien auf GitHub ansehe, erscheinen Tabs als 8 Leerzeichen.

Ejemplo:

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

Answer 1

Wenn es sich um Ihr Projekt handelt, erstellen Sie im Projektstamm eine Datei mit dem Namen ".editorconfig" und geben Sie ihr den folgenden Inhalt.

[*]
indent_style = tab
indent_size = 4

Dies führt dazu, dass GitHub die Registerkarten innerhalb des Projekts 4-breit darstellt.

Dies ist ein EditorConfig Datei, die formal spezifiziert ist, von vielen Editoren unterstützt wird und auch weitergehende Editorkonfigurationen unterstützt, wie z. B. die Angabe, dass alle .html-Dateien UTF-8-kodiert sind.

Wenn es sich nicht um Ihr Projekt handelt, sollten Sie eine Anfrage an den Autor richten und ihn bitten, den beabsichtigten Einrückungsstil anzugeben.

Answer 2

Wenn Sie sich für UserScripts interessieren, hat mich das überzeugt:

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

Answer 3

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

Eine weitere Möglichkeit ist, wenn Einbetten Ihrer Gist alle Tabulatoren durch die erforderliche Anzahl von Leerzeichen 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>

Answer 4

Wenn es für das Projekt, an dem Sie arbeiten, möglich ist, können Sie das Problem beheben, indem Sie Ihren Editor so umstellen, dass Tabulatoren als Leerzeichen behandelt werden.

In Visual Studio Code sieht die Konfiguration zum Beispiel so aus:

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

In Sublime ist es das:

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

Bis vor kurzem habe ich auf Tabulatoren ohne Leerzeichen bestanden. Nach der Umstellung wurden die Probleme mit dem Rendering bei Github behoben, und ich habe keine nennenswerten Nachteile in meinem Arbeitsablauf festgestellt.

Answer 5

Die beste Lösung ist, wenn möglich, die Betreuer des Quellcodes, den Sie sich ansehen, davon zu überzeugen, alle Tabulatoren durch die richtige Anzahl von Leerzeichen zu ersetzen.

Die Verwendung von Tabulatoren ist im heutigen Code problematisch, da man sie oft im Web sieht, wo die Entscheidung, wie viele Leerzeichen pro Tabulator", davon abhängt, wo der Code angezeigt wird.