首页 文章

如何在GitHub上更改标签大小？

提问于
浏览 次
231

当我在GitHub上查看文件时，标签显示为8个空格 .

例：

example

是否可以将此配置更改为2或4个空格？

tabs github tab-size

7 回答

  • -3

    您可以将 ?ts=2 或 ?ts=4 附加到URL以更改选项卡大小 .

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

    似乎值可以是1到12之间的任何值 . 但它不适用于Gists或原始文件视图 .

    资料来源：GitHub Cheat Sheet

    回复于
  • 20

    更新

    Yes . 正如mortenpi所述，这可以通过额外的查询参数来完成 . 有关详细信息，请参见his answer .

    原始答案

    是否可以将此配置更改为2或4个空格？

    不可以 . 它仅作为编辑功能的一部分通过Ace编辑器提供，并且不会保留更改 .

    这个blog post提供了有关嵌入式IDE的更多信息 .

    但是，如果您知道您愿意查看的blob（文件）的URL，则可以通过使用 edit 段更改 blob 段并使用下拉列表选择您喜欢的选项卡大小，轻松切换到编辑模式 .

    tabSize

    回复于
  • 299

    设置存储库的默认显示选项卡大小

    当您的存储库中有.editorconfig时，它会在GitHub上查看代码时尊重它 . indent_style = tab和indent_size = 4显示带有4列而不是8列的选项卡：https：//github.com/isaacs/github/issues/170#issuecomment-150489692

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

    更改您在其他存储库中查看选项卡的方式

    在浏览器中安装stylish，而不是安装GitHub: better-sized tabs in code .

    还有Google Chrome扩展程序：

    回复于
  • -4

    实际上可以通过浏览器扩展来实现 . 安装Stylish（在Firefox或Chrome中），然后安装此用户样式：“GitHub: better-sized tabs in code” .

    它可能不适用于某些语言 . 例如，我正在查看JavaScript文件，但我没有注意到任何更改 . 所以我删除了作者的风格，并将以下几行放入其中：

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

    它适用于Chrome（screenshot） .

    从屏幕截图中可以看出，我还启用了宽屏模式并将颜色方案更改为Solarized . 所以我通过Stylish extension for Chrome在GitHub页面上运行了三种用户样式 . 我希望这可以帮助别人 .

    回复于
  • 65

    我这样做是为了解决它们http://valjok.blogspot.com/2014/07/indentation-correction-for-exposing.html .

    另一个选项是embedding your 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>
    回复于
  • -20

    如果它是您正在处理的项目的选项，更改编辑器将标签视为空格将解决问题 .

    因此，例如，在Visual Studio Code中，配置如下所示：

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

    在Sublime中它是：

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

    直到最近，我坚持使用非间隔标签 . 切换后，它修复了Github渲染的怪异，我没有注意到我的工作流程有任何明显的缺点 .

    回复于
  • 232

    如果可能，最好的解决方案是让维护者相信您正在查看的源代码，用正确的空格数替换所有选项卡 .

    在今天的代码中使用选项卡是有问题的，因为您经常在网络上看到它，“每个选项卡有多少空格”的决定取决于它的显示位置 .

    回复于

相关问题