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

GitHub에서 파일을 볼 때 탭은 8 개의 공백으로 나타납니다.

예:

이 구성을 2 개 또는 4 개의 공백으로 변경할 수 있습니까?

최신 정보

예 . mortenpi가 언급했듯이 이것은 추가 쿼리 매개 변수를 통해 수행 할 수 있습니다. 자세한 내용은 그의 답변 을 참조하십시오.

원래 답변

이 구성을 2 개 또는 4 개의 공백으로 변경할 수 있습니까?

아니요. Ace 편집기를 통해 편집 기능의 일부로 만 사용할 수 있으며 변경 사항이 유지되지 않습니다.

이 블로그 게시물 은 임베디드 IDE에 대한 추가 정보를 제공합니다.

그러나, 당신은 당신이 검토 할 의향이있는 BLOB (파일)의 URL을 알고 있으면, 당신은 변경하여 쉽게 편집 모드로 전환 할 수 있습니다 얼룩 와 세그먼트 편집 세그먼트를하고 선호하는 탭 크기를 선택 드롭 다운을 사용합니다.

• 표준보기 : https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• 에이스 뷰 : https://github.com/moroshko/mmSelect/edit/master/mm_select.js

탭 크기를 변경하기 위해 ?ts=2또는 ?ts=4URL을 추가 할 수 있습니다 .

예 : https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

값은 1에서 12 사이의 값일 수 있습니다. Gists 또는 원시 파일보기에서는 작동하지 않습니다.

출처 : 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

실제로는 브라우저 확장으로 가능합니다. 설치 세련된을 (에서 파이어 폭스 나 크롬 "), 다음이 사용자 스타일 설치 GitHub의 : 코드에서 더 나은 크기 탭을 ".

일부 언어에서는 작동하지 않을 수 있습니다. 예를 들어, JavaScript 파일을보고 있는데 변경 사항이 없습니다. 그래서 저자가 가지고있는 스타일을 삭제하고 다음 줄을 넣었습니다.

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

그리고 Chrome에서 작동했습니다 ( 스크린 샷 ).

스크린 샷에서 볼 수 있듯이 와이드 스크린 모드를 활성화하고 색 구성표를 솔라 라이즈로 변경했습니다. 그래서 Chrome 용 Stylish 확장 프로그램을 통해 GitHub 페이지에서 실행되는 3 가지 사용자 스타일이 있습니다 . 나는 이것이 누군가를 돕기를 바랍니다.

당신이 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 수정하기 위해 그렇게했습니다 .

또 다른 옵션은 gist를 임베드 할 때 모든 탭을 필요한 수의 공백으로 바꾸는 것입니다

<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 렌더링 기이함을 수정했으며 워크 플로에서 큰 단점을 발견하지 못했습니다.

가장 좋은 해결책은 가능한 경우 모든 탭을 올바른 수의 공백으로 바꾸려는 소스 코드를 관리자에게 확신시키는 것입니다.

탭을 사용하는 것은 오늘날 웹에서 자주 볼 수 있다는 점에서 코드에서 문제가됩니다. "탭당 얼마나 많은 공간"에 대한 결정은 표시되는 위치에 따라 다릅니다.