จะเปลี่ยนขนาดแท็บบน GitHub ได้อย่างไร?

เมื่อฉันดูไฟล์บน GitHub แท็บจะปรากฏเป็น 8 ช่องว่าง

ตัวอย่าง:

เป็นไปได้หรือไม่ที่จะเปลี่ยนการกำหนดค่านี้เป็น 2 หรือ 4 ช่องว่าง?

ปรับปรุง

ใช่แล้ว ตามที่ระบุโดย mortenpi สิ่งนี้สามารถทำได้โดยผ่านพารามิเตอร์การสืบค้นเพิ่มเติม ดูคำตอบของเขาสำหรับรายละเอียดเพิ่มเติม

คำตอบเดิม

เป็นไปได้หรือไม่ที่จะเปลี่ยนการกำหนดค่านี้เป็น 2 หรือ 4 ช่องว่าง?

ไม่ได้มีให้เฉพาะในส่วนของคุณลักษณะการแก้ไขผ่านตัวแก้ไขAceและการเปลี่ยนแปลงจะไม่คงอยู่

โพสต์บล็อกนี้ให้ข้อมูลเพิ่มเติมเกี่ยวกับ IDE ที่ฝังตัว

อย่างไรก็ตามหากคุณทราบ URL ของ Blob (ไฟล์) ที่คุณต้องการตรวจสอบคุณสามารถสลับไปที่โหมดแก้ไขได้อย่างง่ายดายโดยเปลี่ยนเซ็กเมนต์Blobด้วยเซ็กเมนต์การแก้ไขและใช้เมนูแบบเลื่อนลงเพื่อเลือกขนาดแท็บที่คุณต้องการ

• มุมมองมาตรฐาน: 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 Cheat Sheet

ตั้งค่าขนาดแท็บเริ่มต้นที่แสดงสำหรับที่เก็บของคุณ

เมื่อคุณมี. editorconfigในที่เก็บของคุณมันจะเคารพมันเมื่อดูรหัสบน GitHub

indent_style = แท็บและ 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:

• 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 ( สกรีนช็อต )

อย่างที่คุณเห็นจากสกรีนช็อตฉันยังเปิดใช้งานโหมดไวด์สกรีนและเปลี่ยนโครงร่างสีเป็นโซลาริเซชั่น ดังนั้นฉันมีสไตล์ผู้ใช้สามแบบที่ทำงานบนหน้า GitHub ผ่านทางส่วนขยาย Stylish สำหรับ ChromeChrome ฉันหวังว่านี่จะช่วยให้ใครบางคน

หากคุณเข้าสู่ 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
}

ในประเสริฐมันคือ:

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

จนกระทั่งเมื่อเร็ว ๆ นี้ฉันยืนยันในแท็บที่ไม่มีระยะห่าง หลังจากเปลี่ยนแล้วมันทำให้ Github แสดงผลแปลกและฉันไม่ได้สังเกตเห็นข้อเสียที่สำคัญในกระบวนการทำงานของฉัน

ทางออกที่ดีที่สุดคือถ้าเป็นไปได้เพื่อโน้มน้าวให้ผู้ดูแลระบบของซอร์สโค้ดที่คุณกำลังมองหาเพื่อแทนที่แท็บทั้งหมดด้วยจำนวนช่องว่างที่ถูกต้อง

การใช้แท็บเป็นปัญหาในรหัสในปัจจุบันเนื่องจากคุณมักจะเห็นมันบนเว็บซึ่งการตัดสินใจของ "จำนวนช่องว่างต่อแท็บ" นั้นขึ้นอยู่กับตำแหน่งที่แสดง