¿Cómo cambiar el tamaño de la pestaña en GitHub?

Cuando veo archivos en GitHub, las pestañas aparecen como 8 espacios.

Ejemplo:

¿Es posible cambiar esta configuración a 2 o 4 espacios?

Actualizar

Sí . Según lo indicado por mortenpi, esto se puede hacer mediante un parámetro de consulta adicional. Vea su respuesta para más detalles.

Respuesta original

¿Es posible cambiar esta configuración a 2 o 4 espacios?

No. Solo está disponible como parte de la función de edición a través del editor Ace y el cambio no persiste.

Esta publicación de blog brinda más información sobre el IDE incrustado.

Sin embargo, siempre que conozca la URL del blob (archivo) que está dispuesto a revisar, puede cambiar fácilmente al modo de edición cambiando el segmento de blob con un segmento de edición y usar el menú desplegable para seleccionar el tamaño de pestaña preferido.

• Vista estándar: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Vista de Ace: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Puede agregar ?ts=2o ?ts=4al URL para cambiar el tamaño de la pestaña.

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

Parece que el valor puede ser de 1 a 12. Sin embargo, no funciona en Gists o vistas de archivos sin formato.

Fuente: GitHub Cheat Sheet

Establezca el tamaño de pestaña que se muestra por defecto para su repositorio

Cuando usted tiene una .editorconfig en su repositorio, lo respetará cuando vea el código en GitHub.

indent_style = tab e indent_size = 4 muestra pestañas con 4 columnas en lugar de 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Ejemplo .editorconfig para múltiples extensiones que funciona en los productos de 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

Cambia cómo ves las pestañas en otros repositorios

Instale Stylus en su navegador, que instalar GitHub: pestañas de mejor tamaño en el código .

También hay extensiones de Google Chrome:

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

En realidad es posible hacerlo, con una extensión de navegador. Instale Stylish (en Firefox o Chrome ), luego instale este estilo de usuario: " GitHub: pestañas de mejor tamaño en el código ".

Puede que no funcione para algunos idiomas. Por ejemplo, estaba viendo un archivo JavaScript y no noté ningún cambio. Así que eliminé el estilo que tenía el autor y puse las siguientes líneas:

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

Y funcionó en Chrome ( captura de pantalla ).

Como puede ver en la captura de pantalla, también habilité el modo de pantalla panorámica y cambié el esquema de color a Solarizado. Así que tengo tres estilos de usuario que se ejecutan en las páginas de GitHub a través de la extensión Stylish para Chrome . Espero que esto ayude a alguien.

Si estás en UserScripts, esto lo hizo por mí:

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

Lo hice para solucionarlos http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Otra opción es cuando inserte su esencia , reemplace todas las pestañas con el número requerido de espacios

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

Si es una opción para el proyecto en el que está trabajando, cambiar su editor para tratar las pestañas como espacios solucionará el problema.

Entonces, por ejemplo, en Visual Studio Code, la configuración se ve así:

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

En Sublime es:

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

Hasta hace poco insistí en pestañas no espaciadas. Después de cambiar, solucionó la rareza de renderizado de Github, y no he notado ningún inconveniente significativo en mi flujo de trabajo.

La mejor solución es, si es posible, convencer a los mantenedores del código fuente que está buscando para reemplazar todas las pestañas por el número correcto de espacios.

El uso de pestañas es problemático en el código hoy dado que a menudo lo está viendo en la web, donde la decisión de "cuántos espacios por pestaña" depende de dónde se muestra.