Bagaimana cara mengubah ukuran tab di GitHub?

Saat saya melihat file di GitHub, tab muncul sebagai 8 spasi.

Contoh:

Apakah mungkin mengubah konfigurasi ini menjadi 2 atau 4 spasi?

Memperbarui

Ya . Seperti yang dinyatakan oleh mortenpi, ini dapat dilakukan dengan melalui parameter kueri tambahan. Lihat jawabannya untuk lebih jelasnya.

Jawaban asli

Apakah mungkin mengubah konfigurasi ini menjadi 2 atau 4 spasi?

Tidak. Ini hanya tersedia sebagai bagian dari fitur pengeditan melalui editor Ace dan perubahannya tidak berlanjut.

Posting blog ini memberikan beberapa informasi lebih lanjut tentang IDE yang disematkan.

Namun, asalkan Anda tahu url gumpalan (file) yang Anda ingin tinjau, Anda dapat beralih ke mode edit dengan mudah dengan mengubah segmen gumpalan dengan segmen edit dan menggunakan dropdown untuk memilih ukuran tab yang Anda inginkan.

• Tampilan standar: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Tampilan ace: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Anda dapat menambahkan ?ts=2atau ?ts=4ke URL untuk mengubah ukuran tab.

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

Tampaknya nilainya bisa apa saja mulai 1 hingga 12. Tidak berfungsi pada Gists atau tampilan file mentah.

Sumber: Lembar Curang GitHub

Setel ukuran tab yang ditampilkan untuk repositori Anda

Ketika Anda memiliki .editorconfig di repositori Anda, ia akan menghormatinya ketika melihat kode di GitHub.

indent_style = tab dan indent_size = 4 menunjukkan tab dengan 4 kolom, bukan 8 https://github.com/isaacs/github/issues/170#issuecomment-150489692

Contoh .editorconfig untuk beberapa ekstensi yang berfungsi dalam produk 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

Ubah cara Anda melihat tab di repositori lain

Instal Stylus di browser Anda, daripada instal GitHub: tab berukuran lebih baik dalam kode .

Ada juga ekstensi Google Chrome:

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

Sebenarnya dimungkinkan untuk melakukannya, dengan ekstensi browser. Instal Stylish (di Firefox atau Chrome ), lalu instal gaya pengguna ini: " GitHub: tab berukuran lebih baik dalam kode ".

Mungkin tidak berfungsi untuk beberapa bahasa. Misalnya, saya melihat file JavaScript dan saya tidak melihat adanya perubahan. Jadi saya menghapus gaya yang penulis miliki dan memasukkan baris berikut ke dalamnya:

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

Dan itu berhasil di Chrome ( tangkapan layar ).

Seperti yang dapat Anda lihat dari tangkapan layar, saya juga mengaktifkan mode layar lebar dan mengubah skema warna menjadi Terpolarisasi. Jadi saya memiliki tiga gaya pengguna yang berjalan di halaman GitHub melalui ekstensi Stylish untuk Chrome . Saya harap ini membantu seseorang.

Jika Anda masuk ke dalam UserScripts, ini melakukannya untuk saya:

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

Saya melakukan itu untuk memperbaikinya http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

Pilihan lain adalah saat menyematkan inti Anda , ganti semua tab dengan jumlah ruang yang diperlukan

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

Jika ini merupakan opsi untuk proyek yang sedang Anda kerjakan, ubah editor Anda untuk memperlakukan tab karena spasi akan menyelesaikan masalah.

Jadi, misalnya, dalam Visual Studio Code, konfigurasi terlihat seperti ini:

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

Dalam Sublime itu:

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

Sampai baru-baru ini saya bersikeras tab non-spasi Setelah beralih, itu memperbaiki keanehan rendering Github, dan saya belum melihat adanya kerugian signifikan dalam alur kerja saya.

Solusi terbaik adalah, jika mungkin, untuk meyakinkan pengelola kode sumber yang Anda cari untuk mengganti semua tab dengan jumlah spasi yang benar.

Menggunakan tab adalah masalah dalam kode hari ini mengingat Anda sering melihatnya di web, di mana keputusan "berapa banyak ruang per tab" bergantung pada di mana ia ditampilkan.