选项卡控件以类似于您的问题中所描述的方式提供了很好的控件。

对于JavaScript开发者来说，使用ESLint配置的ESLint标签长度也是不错的。

或者，如果您使用.editorconfig来定义特定于项目的缩进规则，那么可以使用EditorConfig

在这里添加对我有用的@Manbroski回答:

尝试Ctrl-Shift-P编辑器:切换软标签

如果你正在使用Babel，你可能还想确保更新你的“语言Babel”包。对我来说，即使我在我的核心编辑器设置中将Tab长度设置为2，但在Language Babel配置中相同的设置将其改写为4。

原子->首选项->包->(搜索巴别塔)->语法->标签长度

确保合适的语法，有“Babel ES6 Javascript语法”，“language-babel-extension语法”以及“正则表达式”。您可能想要更新所有它们以保持一致。

还有一个答案:如果你正在使用Atom Beautify，请注意它有自己的设置来确定“缩进字符”。

虽然姗姗姗迟，但在每个项目的基础上，有一种干净的方法可以做到这一点，那就是在项目的根目录中添加一个.editorconfig文件。当您同时处理多个项目时，不必更改Atom的设置。

这是我目前正在使用的一个非常基本的设置示例。适用于Atom, ST等…

http://editorconfig.org/

# Automatically add new line to end of all files on save.
[*]
insert_final_newline = true

# 2 space indentation for SASS/CSS
[*.{scss,sass,css}]
indent_style = space
indent_size = 2

# Set all JS to tab => space*2
[js/**.js]
indent_style = space
indent_size = 2

请参见“设置>编辑器设置”下的软选项卡和选项卡长度。

要快速切换缩进模式，您可以使用Ctrl-Shift-P并搜索Editor: toggle Soft Tabs。