VS Code配置Prettier 4空格/制表符缩进不生效如何解决

问题表现 #

在macOS系统上安装最新版VS Code和Prettier插件后，执行Format Document（格式化文档）操作时，新建缩进始终显示为2空格，React/NextJS项目下的JSX文件、CSS文件都存在这个问题。
已经在VS Code的Prettier设置项里把tabs选项设为true、缩进空格数设置为4，但配置完全不生效。2空格的缩进行间距太密，不便于代码阅读。

解决方案 #

问题根因：修改Prettier配置后没有关闭重启已经打开的文件页面，标签页缓存的旧配置处于卡顿状态，导致新的设置没有被应用。
处理方式：修改完配置后，关闭所有已打开的对应代码文件，再重新打开文件执行格式化，4空格/tab缩进的配置就会正常生效。

注：提问者发帖前已经参考Stack Overflow的历史回答完成了所有基础配置项的校验和设置，不存在基础配置漏改的问题。

内容的提问来源于stack exchange，提问作者cdub