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

qgis manual

Question

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

Ejemplo:

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

Answer 1

Actualizar

Si Según lo indicado por Mortenpi, esto puede hacerse a través de un parámetro de consulta adicional. Ver 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 se mantiene.

Esta publicación del blog ofrece más información sobre el IDE incorporado.

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

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

Answer 2

Establezca el tamaño predeterminado de la pestaña para su repositorio

Cuando tenga un .editorconfig en su repositorio, lo respetará cuando vea el código en GitHub.

indent_style = tab y 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 con stylish en su navegador, que instale GitHub: pestañas de mayor 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

Answer 3

Aquí hay una actualización para Stylish. Es la respuesta de aledujke con .tab-size reemplazado con .diff-viewer.

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

Answer 4

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 mayor 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 borré el estilo que tenía el autor y puse las siguientes líneas en él:

.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 ( screenshot ).

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

Answer 5

Hice eso para corregirlos http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Otra opción es cuando incrustes tu esencia , reemplaza 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>

Answer 6

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 en día, dado que a menudo se ve en la web, donde la decisión de "cuántos espacios por pestaña" depende de dónde se muestra.

Answer 7

Puede agregar ?ts=2 o ?ts=4 a la 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 en vistas de archivos sin procesar.

Fuente: hoja de trucos de GitHub

Answer 8

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 las pestañas no espaciadas. Después de cambiar, corrigió la rareza del renderizado Github, y no he notado ninguna desventaja significativa en mi flujo de trabajo.