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

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

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

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

источник: GitHub Шпаргалка

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

когда у вас есть .editorconfig в вашем репозитории он будет уважать его при просмотре кода на GitHub.

indent_style = tab и indent_size = 4 показывает вкладки с 4 столбцами вместо 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 расширения:

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

это на самом деле можно сделать, с расширением браузера. Установить стильное (in Firefox или хром), затем установите этот пользовательский стиль:"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. Надеюсь, это кому-то поможет.

вот обновление для стильных. Это ответ аледуйке .tab-размер заменен на .программа просмотра различий.

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

Я сделал это для их исправления 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>

если это опция для проекта, над которым вы работаете, изменение редактора для обработки вкладок как пробелов устранит проблему.

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

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

в Sublime это:

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

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

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

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