Comment changer la taille des onglets sur GitHub?

Lorsque je visualise des fichiers sur GitHub, les onglets apparaissent sous la forme de 8 espaces.

Exemple:

Est-il possible de changer cette configuration en 2 ou 4 espaces?

Mettre à jour

Oui . Comme indiqué par mortenpi, cela peut être fait via un paramètre de requête supplémentaire. Voir sa réponse pour plus de détails.

Réponse originale

Est-il possible de changer cette configuration en 2 ou 4 espaces?

Non. Il n'est disponible que dans le cadre de la fonction d'édition via l' éditeur Ace et le changement n'est pas conservé.

Cet article de blog donne plus d'informations sur l'IDE intégré.

Cependant, à condition que vous connaissiez l'URL du blob (fichier) que vous souhaitez consulter, vous pouvez facilement passer en mode édition en changeant le segment blob avec un segment d' édition et utiliser la liste déroulante pour sélectionner la taille d'onglet que vous préférez.

• Vue standard: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Vue Ace: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Vous pouvez ajouter ?ts=2ou ?ts=4à l'URL pour modifier la taille de l'onglet.

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

Il semble que la valeur puisse aller de 1 à 12. Cependant, cela ne fonctionne pas sur Gists ou sur les vues de fichiers brutes.

Source: Feuille de triche GitHub

Définir la taille d'onglet affichée par défaut pour votre référentiel

Lorsque vous avez un .editorconfig dans votre référentiel, il le respectera lors de l'affichage du code sur GitHub.

indent_style = tab et indent_size = 4 affiche les onglets avec 4 colonnes au lieu de 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Exemple .editorconfig pour plusieurs extensions qui fonctionne dans les produits 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

Modifier la façon dont vous voyez les onglets sur d'autres référentiels

Installez Stylus dans votre navigateur, plutôt que d'installer GitHub: des onglets de meilleure taille dans le code .

Il existe également des extensions Google Chrome:

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

Il est en fait possible de le faire, avec une extension de navigateur. Installez Stylish (dans Firefox ou Chrome ), puis installez ce style d'utilisateur: " GitHub: onglets de meilleure taille dans le code ».

Cela pourrait ne pas fonctionner pour certaines langues. Par exemple, je consultais un fichier JavaScript et je n'ai remarqué aucun changement. J'ai donc supprimé le style de l'auteur et y ai ajouté les lignes suivantes:

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

Et cela a fonctionné sur Chrome ( capture d'écran ).

Comme vous pouvez le voir sur la capture d'écran, j'ai également activé le mode écran large et changé le jeu de couleurs en Solarisé. J'ai donc trois styles d'utilisateur fonctionnant sur les pages GitHub via l' extension Stylish pour Chrome . J'espère que ça aidera quelqu'un.

Si vous aimez les UserScripts, cela l'a fait pour moi:

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

J'ai fait ça pour les réparer http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Une autre option est lors de l' intégration de votre essence , remplacez tous les onglets par le nombre d'espaces requis

<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 c'est une option pour le projet sur lequel vous travaillez, changer votre éditeur pour traiter les onglets comme des espaces résoudra le problème.

Ainsi, par exemple, dans Visual Studio Code, la configuration ressemble à ceci:

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

Dans Sublime, c'est:

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

Jusqu'à récemment, j'insistais sur des onglets non espacés. Après la commutation, cela a corrigé l'étrangeté du rendu Github, et je n'ai remarqué aucun inconvénient significatif dans mon flux de travail.

La meilleure solution est, si possible, de convaincre les responsables du code source que vous recherchez de remplacer tous les onglets par le nombre correct d'espaces.

L'utilisation d'onglets est problématique dans le code aujourd'hui étant donné que vous le voyez souvent sur le Web, où la décision de "combien d'espaces par onglet" dépend de l'endroit où il est affiché.