Как изменить размер вкладок на GitHub?

Когда я просматриваю файлы на GitHub, вкладки отображаются в виде 8 пробелов.

Пример:

Можно ли изменить эту конфигурацию на 2 или 4 пробела?

Ответ 1

Обновление

Да. Как заявил mortenpi, это можно сделать с помощью дополнительного параметра запроса. Подробнее читайте в его ответе.

Оригинальный ответ

Можно ли изменить эту конфигурацию на 2 или 4 пробела?

Нет. Он доступен только как часть функции редактирования через редактор Ace, и изменение не сохраняется.

В этом блоге содержится дополнительная информация о встроенной среде IDE.

Однако, если вы знаете URL-адрес блоба (файла), который вы хотите просмотреть, вы можете легко переключиться в режим редактирования, изменив сегмент blob с сегментом редактирования и используйте раскрывающийся список, чтобы выбрать предпочитаемый размер вкладки.

Стандартный вид: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
Ace view: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Ответ 2

Вы можете добавить ?ts=2 или ?ts=4 к URL-адресу, чтобы изменить размер табуляции.

Пример: https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

Кажется, что значение может быть любым от 1 до 12. Однако оно не работает с Gist или просмотром файлов.

Источник: GitHub Cheat Sheet

Ответ 3

Установить размер вкладки по умолчанию для вашего хранилища

Когда у вас есть .editorconfig в вашем хранилище, оно будет уважать его при просмотре кода на GitHub.

indent_style = tab и indent_size = 4 shows tabs with 4 columns instead of 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Пример .editorconfig для нескольких расширений, которые работают в продуктах 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

Изменить вид вкладок в других хранилищах

Установите стильный в своем браузере, чем установите GitHub: вкладки лучшего размера в коде.

Есть также расширения Google Chrome:

Ответ 4

На самом деле это возможно, с расширением браузера. Установите Стильный (в Firefox или Chrome), затем установите этот стиль пользователя: "GitHub: более качественные вкладки в коде".

Это может не работать для некоторых языков. Например, я просматривал файл JavaScript, и я не заметил никаких изменений. Поэтому я удалил стиль, который был у автора, и поместил в него следующие строки:

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

И он работал на Chrome (снимок экрана).

Как вы можете видеть на скриншоте, я также включил широкоэкранный режим и изменил цветовую схему на Solarized. Таким образом, у меня есть три пользовательских стиля, запущенных на страницах GitHub через Стильное расширение для Chrome. Надеюсь, это поможет кому-то.

Ответ 5

Если вы в UserScripts, это сделал для меня:

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

Ответ 6

Я сделал это для их фиксации http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html.

Другим вариантом является вложение вашего gist, замените все вкладки на необходимое количество пробелов

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

Ответ 7

Если это вариант для проекта, над которым вы работаете, изменение вашего редактора для обработки вкладок в виде пробелов поможет устранить проблему.

Так, например, в Visual Studio Code, конфигурация выглядит следующим образом:

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

В Sublime это:

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

До недавнего времени я настаивал на нераспределенных вкладках. После переключения он исправил визуализацию Github, и я не заметил существенных недостатков в моем рабочем процессе.

Ответ 8

Что еще более важно, вы не хотите изменять ширину вкладки в github или в любом другом редакторе. В vi, например. вы должны настраивать shiftwidth, а не tabstop. Это приведет к тому, что ваши сдвиги и, следовательно, отступ кода будут тем, что вы хотите, сохранив тот факт, что фактический символ табуляции имеет свое стандартное значение. В конце концов, есть много других способов взглянуть на текстовый файл, чем ваш любимый редактор и, по крайней мере, на UNIX, все они по умолчанию будут иметь вкладку, состоящую из восьми символов. Подумайте, cat (1), больше (1), меньше (1), vi (1) и т.д.

Ответ 9

Лучшим решением является, по возможности, убедить сопровождающих исходного кода, на который вы пытаетесь заменить все вкладки, на правильное количество пробелов.

Использование вкладок сегодня является проблематичным в коде, учитывая, что вы часто видите его в Интернете, где решение о том, "сколько пробелов на вкладку" зависит от того, где он отображается.