web-dev-qa-db-fra.com

Comment changer la taille de l'onglet sur GitHub?

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

Exemple:

 example

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

tabsgithubtab-size
226
Misha Moroshko

Mettre à jour

Oui. Comme indiqué par mortenpi, ceci peut être effectué 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 est uniquement disponible dans le cadre de la fonctionnalité d'édition via l'éditeur Ace et la modification n'est pas conservée.

Ce blog post donne des informations supplémentaires sur l'EDI intégré.

Toutefois, à condition de connaître l'URL du fichier blob que vous souhaitez consulter, vous pouvez facilement passer en mode édition en modifiant le segment blob avec un segment edit et en utilisant le menu déroulant. sélectionnez votre taille d'onglet préférée.

tabSize

19
nulltoken

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

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

Il semble que la valeur peut être comprise entre 1 et 12. Cela ne fonctionne cependant pas sur les vues Gists ou raw.

Source: GitHub Cheat Sheet

294
mortenpi

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 la visualisation 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 fonctionnant 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

Changer la façon dont vous voyez les onglets sur les autres dépôts

Installez elegant dans votre navigateur, puis installez GitHub: des onglets de meilleure taille dans le code .

Il existe également des extensions Google Chrome:

230
rofrol

En fait, il est 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 visionnais un fichier JavaScript et je n’ai remarqué aucun changement. J'ai donc supprimé le style de l'auteur et 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 modifié le jeu de couleurs en Solarized. J'ai donc trois styles utilisateur en cours d'exécution sur les pages GitHub via l'extension Stylish pour Chrome . J'espère que ça aidera quelqu'un.

64
aledujke

Si vous êtes dans UserScripts, ceci 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 });
0
Denis Howe

Voici une mise à jour pour Stylish. C'est la réponse d'Aldujke avec .tab-size remplacé par .diff-viewer.

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