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

Обновлять

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

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

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

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

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

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

• Стандартный вид: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Представление Ace: 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 через стильное расширение для Chrome. Я надеюсь, что это помогает кому-то.

Если проект ваш, создайте файл в корне проекта с именем «.editorconfig» и дайте ему следующее содержимое.

[*]
indent_style = tab
indent_size = 4

Это приведет к тому, что GitHub отобразит вкладки шириной 4 в проекте.

Это файл EditorConfig, который формально указан, поддерживается многими редакторами, а также поддерживает более обширную конфигурацию редактора, например указание что все файлы .html имеют кодировку UTF-8.

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

Если вам нравятся 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 Code конфигурация выглядит так:

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

В Sublime это:

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

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

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

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