Як змінити розмір вкладки на GitHub?

Коли я переглядаю файли на GitHub, вкладки виглядають як 8 пробілів.

Приклад:

Чи можливо змінити цю конфігурацію на 2 або 4 пробіли?

Оновлення

Так . Як зазначає mortenpi, це можна зробити за допомогою додаткового параметра запиту. Дивіться його відповідь для отримання більш детальної інформації.

Оригінальна відповідь

Чи можливо змінити цю конфігурацію на 2 або 4 пробіли?

Ні. Він доступний лише як частина функції редагування через редактор Ace, і зміна не зберігається.

Ця публікація в блозі дає додаткову інформацію про вбудований IDE.

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

• Стандартний вигляд: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Перегляд туза: 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 або raw файлах.

Джерело: Чит-лист GitHub

Встановіть розмір вкладки, що відображається за умовчанням, для вашого сховища

Якщо у вас є .editorconfig у вашому сховищі, він буде його враховувати при перегляді коду на GitHub.

indent_style = tab та indent_size = 4 показує вкладки з 4 стовпцями замість 8 https://github.com/isaacs/github/isissue/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

Насправді це можливо зробити за допомогою розширення браузера. Встановіть стильний (у 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 . Я сподіваюся, що це комусь допоможе.

Якщо ви користуєтесь 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-exposed.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, і я не помітив суттєвих недоліків у своєму робочому процесі.

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

Використання вкладок проблематично в коді сьогодні, оскільки ви часто бачите його в Інтернеті, де рішення "скільки пробілів на вкладці" залежить від місця його відображення.