Come modificare le dimensioni della scheda su GitHub?

Quando visualizzo i file su GitHub, le schede vengono visualizzate come 8 spazi.

Esempio:

È possibile cambiare questa configurazione in 2 o 4 spazi?

Aggiornare

Sì . Come affermato da mortenpi, questo può essere fatto tramite un parametro di query aggiuntivo. Vedi la sua risposta per maggiori dettagli.

Risposta originale

È possibile cambiare questa configurazione in 2 o 4 spazi?

No. È disponibile solo come parte della funzione di modifica tramite l' editor Ace e la modifica non viene mantenuta.

Questo post sul blog fornisce ulteriori informazioni sull'IDE incorporato.

Tuttavia, a patto di conoscere l'URL del BLOB (file) che si desidera rivedere, è possibile passare facilmente alla modalità di modifica cambiando il segmento BLOB con un segmento di modifica e utilizzare l'elenco a discesa per selezionare la dimensione della scheda preferita.

• Vista standard: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Vista dell'asso : https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Puoi aggiungere ?ts=2o?ts=4 all'URL per modificare le dimensioni della scheda.

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

Sembra che il valore possa essere compreso tra 1 e 12. Tuttavia, non funziona su Gists o visualizzazioni di file non elaborati.

Fonte: chit sheet GitHub

Imposta la dimensione della scheda visualizzata predefinita per il tuo repository

Quando hai un .editorconfig nel tuo repository lo rispetterà quando visualizzi il codice su GitHub.

indent_style = tab e indent_size = 4 mostra le schede con 4 colonne anziché 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Esempio .editorconfig per più estensioni che funziona nei prodotti 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

Modifica la modalità di visualizzazione delle schede su altri repository

Installa Stylus nel tuo browser, quindi installa GitHub: schede di dimensioni migliori nel codice .

Esistono anche estensioni di Google Chrome:

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

In realtà è possibile farlo, con un'estensione del browser. Installa Stylish (in Firefox o Chrome ), quindi installa questo stile utente: “ GitHub: schede di dimensioni migliori nel codice ".

Potrebbe non funzionare in alcune lingue. Ad esempio, stavo visualizzando un file JavaScript e non ho notato alcuna modifica. Quindi ho eliminato lo stile dell'autore e ho inserito le seguenti righe:

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

E ha funzionato su Chrome ( screenshot ).

Come puoi vedere dallo screenshot, ho anche abilitato la modalità widescreen e ho cambiato la combinazione di colori in Solarized. Quindi ho tre stili utente in esecuzione su pagine GitHub tramite l' estensione Stylish per Chrome . Spero che questo aiuti qualcuno.

Se ti piacciono gli UserScripts, questo è stato per me:

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

L'ho fatto per averli riparati http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Un'altra opzione è quando si incorpora l'essenza , sostituire tutte le schede con il numero richiesto di spazi

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

Se è un'opzione per il progetto a cui stai lavorando, la modifica del tuo editor per trattare le schede come spazi risolverà il problema.

Ad esempio, in Visual Studio Code, la configurazione è simile alla seguente:

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

In Sublime è:

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

Fino a poco tempo fa ho insistito su schede non spaziate. Dopo il passaggio, ha risolto la stranezza del rendering di Github e non ho notato alcun aspetto negativo significativo nel mio flusso di lavoro.

La migliore soluzione è, se possibile, convincere i manutentori del codice sorgente che stai guardando a sostituire tutte le schede con il numero corretto di spazi.

L'uso delle schede è problematico nel codice oggi dato che spesso lo vedi sul Web, dove la decisione di "quanti spazi per scheda" dipende da dove viene visualizzata.