您可以尝试以下操作来更改缩进/制表符宽度：

**1.**在“编辑器”窗口的底部，检查"空格：2'（如果你的代码缩进了2个空格）。点击它，然后选择使用Tab键缩进，然后根据你的需要选择值。

2.更改Visual Studio代码设置中的更漂亮选项：通过File > Preferences > Settings或按Ctrl + ,转到Visual Studio代码设置。键入“更漂亮”以调出与更漂亮相关的所有设置并查找更漂亮：制表符宽度。根据需要更改该值。
3. settings. json/用户设置文件：将以下行添加到settings.json文件中，该文件包含与VS代码相关的所有配置。

"prettier.tabWidth": 4,
"prettier.useTabs": true,

根据您的平台，用户设置文件/settings. json位于以下位置：

Windows %APPDATA%\Code\User\settings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json

有关用户设置文件/settings. json的更多信息，请访问https://code.visualstudio.com/docs/getstarted/settings

4.如果您有.editorconfig文件：检查项目目录的根目录中是否有名为.editorconfig的文件。如果您有该文件，请打开它，并确保根据需要更改文件中的值。下面给出的代码用于设置indent_style Tab和**indent_size 4**：

indent_style = tabs
indent_size = 4

**5.如果没有.editorconfig文件：**如果项目目录的根目录中没有.editorconfig文件，可以创建一个名为.prettierrc的文件，并将以下内容添加到该文件中

{
    "singleQuote": true,
    "printWidth": 80,
    "editor.formatOnSave": true,
    "proseWrap": "always",
    "tabWidth": 4,
    "requireConfig": false,
    "useTabs": false,
    "trailingComma": "none",
    "bracketSpacing": true,
    "jsxBracketSameLine": false,
    "semi": true
}

您可以根据需要更改此设置

您是否正在使用. editorconfig？您可能必须更改（或设置）为

"editor.tabSize" : 4

也一样。

只需在项目的根目录下创建一个名为**.prettierrc的文件，然后粘贴下面的代码
在.漂亮的rc**中

{
    "singleQuote": true,
    "printWidth": 80,
    "editor.formatOnSave": true,
    "proseWrap": "always",
    "tabWidth": 4,
    "requireConfig": false,
    "useTabs": false,
    "trailingComma": "none",
    "bracketSpacing": true,
    "jsxBracketSameLine": false,
    "semi": true
}

你可以在这里找到git问题：https://github.com/prettier/prettier-vscode/issues/344#issuecomment-360430551

我没有.editorconfig文件，但我使用VS代码，需要将"editor.tabSize": 4添加到我的用户settings.json文件中。

我刚删除了.prettierrc文件因为漂亮妞的日志上说“
检测到本地配置（即.prettierrc或.editorconfig），将不使用VS代码配置
到目前为止，我想您要么使用本地配置文件，要么使用VS代码的配置文件，但不能同时使用这两种文件。

对于更漂亮的延伸导线：转到扩展-齿轮图标后卸载按钮-选择扩展设置，然后更漂亮：制表符宽度。更改该值即可完成！

在我的例子中，我使用的是带有module.export的.prettierrc.js安装程序。切换到.prettierrc.yaml并将其转换为YAML配置修复了我的问题。

进入vs代码设置。搜索Prettier: Tab Width，然后添加一些空格，它应该使用每个制表符，如2/4等。
see image

这需要为了控制格式更漂亮：

1.项目级更好的配置

如果你的项目中有类似.prettierrc.js或.prettierrc.json的东西，那么这将被从更漂亮的地方处理
注意：这将取代您的代码编辑器设置，如vscode默认设置（下面的No.2）
你可以加上这样的内容

{
  "semi": true,
  "trailingComma": "all",
  "singleQuote": true,
  "printWidth": 120,
  "tabWidth": 2,
  "useTabs": false
}

2. Vscode编辑器级别更好的配置

如果您在No.1中没有这些文件，则将应用编辑器级别的设置，例如vscode设置，您可以编辑如下内容：

// --- other content
  "prettier.tabWidth": 2,
  "prettier.useTabs": false,
}