it-swarm.com.de

Wie kann ich die Tabgröße auf GitHub ändern?

Wenn ich Dateien in GitHub sehe, werden Registerkarten mit 8 Leerzeichen angezeigt.

Beispiel:

 example

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

226
Misha Moroshko

Aktualisieren

Ja. Wie Mortenpi feststellt, kann dies durch einen zusätzlichen Abfrageparameter erfolgen. Siehe seine Antwort für weitere Details.

Ursprüngliche Antwort

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

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

In diesem Blogbeitrag finden Sie 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 Segment blob mit einem Segment edit ändern und die Dropdown-Liste verwenden Wählen Sie Ihre bevorzugte Tabgröße.

tabSize

19
nulltoken

Sie können ?ts=2 oder ?ts=4 an 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 für Gists oder Raw-Dateisichten.

Quelle: GitHub Spickzettel

294
mortenpi

Legen Sie die Standardgröße der angezeigten Registerkarten für Ihr Repository fest

Wenn Sie ein .editorconfig in Ihrem Repository haben, wird es respektiert beim Anzeigen von Code auf GitHub.

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

Beispiel .editorconfig für mehrere Erweiterungen, das in JetBrains-Produkten funktioniert:

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 die Darstellung von Registerkarten in anderen Repositorys

Installiere stylish in deinem Browser, als installiere GitHub: Registerkarten mit besserer Größe .

Es gibt auch Google Chrome-Erweiterungen:

230
rofrol

Es ist tatsächlich möglich, dies mit einer Browsererweiterung zu tun. Installieren Sie Stylish (in Firefox oder Chrome ) und installieren Sie dann diesen Benutzerstil: " GitHub: Registerkarten mit besserer Größe im Code ".

Es funktioniert möglicherweise nicht für einige Sprachen. Ich habe zum Beispiel eine JavaScript-Datei angezeigt und habe keine Änderungen bemerkt. Also habe ich den Stil des Autors gelöscht und folgende 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 ( Screenshot ) funktioniert.

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

64
aledujke

Wenn Sie sich für UserScripts interessieren, haben Sie es 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 });
0
Denis Howe

Hier ist ein Update für Stylish. Es ist aledujke's Antwort mit .tab-Größe, die durch .diff-viewer ersetzt wurde.

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