Làm cách nào để thay đổi kích thước tab trên GitHub?

Khi tôi xem tệp trên GitHub, các tab xuất hiện dưới dạng 8 khoảng trắng.

Thí dụ:

Có thể thay đổi cấu hình này thành 2 hoặc 4 không gian?

Cập nhật

Có . Như đã nêu bởi mortenpi, điều này có thể được thực hiện thông qua một tham số truy vấn bổ sung. Xem câu trả lời của anh ấy để biết thêm chi tiết.

Câu trả lời gốc

Có thể thay đổi cấu hình này thành 2 hoặc 4 không gian?

Không. Nó chỉ khả dụng như một phần của tính năng chỉnh sửa thông qua trình chỉnh sửa Ace và sự thay đổi không được duy trì.

Bài đăng trên blog này cung cấp thêm một số thông tin về IDE nhúng.

Tuy nhiên, miễn là bạn biết url của blob (tệp) bạn muốn xem lại, bạn có thể dễ dàng chuyển sang chế độ chỉnh sửa bằng cách thay đổi phân đoạn blob bằng phân đoạn chỉnh sửa và sử dụng menu thả xuống để chọn kích thước tab ưa thích của bạn.

• Chế độ xem chuẩn: https://github.com/moroshko/mmSelect/blob/master/mm_select.js
• Chế độ xem Ace: https://github.com/moroshko/mmSelect/edit/master/mm_select.js

Bạn có thể nối thêm ?ts=2hoặc ?ts=4vào URL để thay đổi kích thước tab.

Ví dụ: https://github.com/jquery/jquery/blob/master/src/core.js?ts=2

Dường như giá trị có thể là bất cứ thứ gì từ 1 đến 12. Nó không hoạt động trên Gists hoặc chế độ xem tệp thô.

Nguồn: GitHub Cheat Sheet

Đặt kích thước tab hiển thị mặc định cho kho lưu trữ của bạn

Khi bạn có .editorconfig trong kho lưu trữ của mình, nó sẽ tôn trọng nó khi xem mã trên GitHub.

indent_style = tab và indent_size = 4 hiển thị các tab có 4 cột thay vì 8 https://github.com/isaacs/github/issues/170#issuecomment-150361692

Ví dụ .editorconfig cho nhiều tiện ích mở rộng hoạt động trong các sản phẩm của 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

Thay đổi cách bạn nhìn thấy các tab trên kho khác

Cài đặt bút stylus trong trình duyệt của bạn, hơn là cài đặt GitHub: các tab có kích thước tốt hơn trong mã .

Ngoài ra còn có các tiện ích mở rộng của Google Chrome:

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

Nó thực sự có thể làm điều đó, với một phần mở rộng trình duyệt. Cài đặt Kiểu dáng (trong Firefox hoặc Chrome ), sau đó cài đặt kiểu người dùng này: Thẻ GitHub: các tab có kích thước tốt hơn trong mã mã .

Nó có thể không hoạt động đối với một số ngôn ngữ. Ví dụ: tôi đang xem tệp JavaScript và tôi không nhận thấy bất kỳ thay đổi nào. Vì vậy, tôi đã xóa phong cách mà tác giả đã có và đặt các dòng sau vào đó:

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

Và nó đã hoạt động trên Chrome ( ảnh chụp màn hình ).

Như bạn có thể thấy từ ảnh chụp màn hình, tôi cũng kích hoạt chế độ màn hình rộng và thay đổi bảng màu thành Solarized. Vì vậy, tôi có ba kiểu người dùng đang chạy trên các trang GitHub thông qua tiện ích mở rộng Kiểu cho Chrome . Tôi hi vọng điêu nay se giup được ai đo.

Nếu bạn vào UserScripts, điều này đã giúp tôi:

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

Tôi đã làm điều đó để sửa chúng http://valjok.blogspot.com/2014/07/indentation-correction-for-exposeing.html .

Một tùy chọn khác là khi nhúng ý chính của bạn , thay thế tất cả các tab bằng số lượng khoảng trống cần thiết

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

Nếu đó là một tùy chọn cho dự án bạn đang thực hiện, việc thay đổi trình chỉnh sửa của bạn để xử lý các tab vì khoảng trắng sẽ khắc phục vấn đề.

Vì vậy, ví dụ, trong Visual Studio Code, cấu hình trông như thế này:

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

Trong Sublime, nó:

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

Cho đến gần đây, tôi nhấn mạnh vào các tab không khoảng cách. Sau khi chuyển đổi, nó đã sửa lỗi kỳ lạ kết xuất Github và tôi không nhận thấy bất kỳ nhược điểm đáng kể nào trong quy trình làm việc của mình.

Giải pháp tốt nhất là, nếu có thể, để thuyết phục những người duy trì mã nguồn bạn đang xem để thay thế tất cả các tab bằng số khoảng trắng chính xác.

Việc sử dụng các tab là vấn đề trong mã ngày nay do bạn thường thấy nó trên web, trong đó quyết định "có bao nhiêu khoảng trống trên mỗi tab" phụ thuộc vào nơi nó được hiển thị.