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

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

Пример:

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

Обновить

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

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

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

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

Это сообщение в блоге дает больше информации о встроенной IDE.

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

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

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

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

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

Источник: 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

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

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

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

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

На самом деле это возможно сделать с помощью расширения браузера. Установите Stylish (в 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 через расширение Stylish для Chrome . Я надеюсь, что это поможет кому-то.

Если вы в 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 });

Я сделал это для их исправления http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Другой вариант - при встраивании вашей сути , заменить все вкладки на необходимое количество пробелов.

<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, и я не заметил каких-либо существенных недостатков в моем рабочем процессе.

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

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