Как изменить размер вкладки на GitHub? - PullRequest
Новая
       45

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

243 голосов
/ 12 января 2012

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

Пример:

example

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

Ответы [ 7 ]

309 голосов
/ 07 мая 2014

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

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

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

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

240 голосов
/ 20 ноября 2015

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

Если у вас есть .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:

65 голосов
/ 28 марта 2013

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

19 голосов
/ 12 января 2012

Обновление

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

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

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

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

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

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

tabSize

0 голосов
/ 01 марта 2016

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

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

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

В Sublime это: 

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

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

0 голосов
/ 06 июля 2014

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

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

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

...