[tabs] GitHub에서 탭 크기를 변경하는 방법은 무엇입니까?

리포지토리의 기본 표시 탭 크기 설정

당신이있을 때 .editorconfig 저장소의를 GitHub의에서 코드를 볼 때 그것을 존중합니다.

indent_style = tab 및 indent_size = 4는 8 대신 4 개의 열이있는 탭을 표시합니다.
https://github.com/isaacs/github/issues/170#issuecomment-150489692

JetBrains 제품에서 작동하는 여러 확장에 대한 .editorconfig 예 :

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 를 설치 하십시오 .

Chrome 확장 프로그램도 있습니다.

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

답변

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

// ==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 });

<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>

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

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