当我在GitHub上查看文件时,制表符显示为8个空格。

例子:

有可能把这个配置改为2或4个空格吗?


当前回答

自2021年9月起,你可以直接在GitHub设置中设置标签大小:github.com/settings/appearance。

在更新日志“标签大小呈现首选项”中宣布。

不再使用.editorconfig 没有更多的?ts=2添加到URL

只是:

注:例如不能输入“3”。你会得到:

无法保存制表符大小渲染首选项: 验证失败: 标签大小不包括在列表中

其他回答

自2021年9月起,你可以直接在GitHub设置中设置标签大小:github.com/settings/appearance。

在更新日志“标签大小呈现首选项”中宣布。

不再使用.editorconfig 没有更多的?ts=2添加到URL

只是:

注:例如不能输入“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 });

如果这是您正在处理的项目的一个选项,则将编辑器更改为将制表符视为空格将解决该问题。

例如,在Visual Studio Code中,配置是这样的:

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

在Sublime中是:

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

直到最近,我还坚持使用非空格制表符。切换后,它修复了Github渲染的怪异,我没有注意到我的工作流程中有任何显著的缺点。

这实际上是可以做到的,用一个浏览器扩展。安装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页面上通过Chrome的样式扩展。我希望这能帮助到一些人。