24

Prettier 继续错误地格式化我的代码。我希望标签有 4 个空格（第二张图片），但它忽略了编辑器设置并执行 2 个（第一张图片）。

我知道这是更漂亮的原因，因为当我禁用它时，代码会为我正确缩进。不幸的是，prettier 的其他功能丢失了。我已经尝试卸载并重新安装。

那么，我缺少哪些设置更改？我肯定错过了什么。任何建议都会很棒。谢谢。

这是我更改的所有更漂亮的设置。

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

不正确

正确的

4

7 回答 7

25

你在使用 .editorconfig 吗？您可能必须更改（或设置）为

"editor.tabSize" : 4

也是。

于 2018-03-07T11:45:29.867 回答
25

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

1.在编辑器窗口的底部，检查“空格：2”（以防您的代码缩进 2 个空格）。单击它并使用 Tab 选择缩进，然后根据需要选择值。

底部图片供您参考

2. 在 Visual Studio Code 设置中更改 Prettier 选项：File > Preferences > Settings通过或按转到 Visual Studio Code 设置Ctrl + ,。键入“ Prettier ”以调出与 Prettier 相关的所有设置并查找Prettier: Tab Width。根据需要更改值。

3. settings.json / 用户设置文件：将以下行添加到包含与 VS Code 相关的所有配置的settings.json文件中。

"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_styleTab和indent_size4：

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
}

您可以根据您的要求更改此设置

于 2020-12-27T19:16:34.130 回答
6

只需在项目的根目录下创建.prettierrc命名文件并粘贴下面的代码

在.prettierrc

{
    "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

于 2021-03-24T01:19:04.550 回答
2

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

于 2019-04-03T22:47:16.590 回答
0

对于 Prettier 扩展：转到扩展 - 卸载按钮后的 cog 图标 - 选择扩展设置，然后选择 Prettier：标签宽度。更改值，它就完成了！

于 2021-11-15T15:37:25.153 回答
0

就我而言，我使用的是.prettierrc.jssetup with module.export. 切换到.prettierrc.yamlYAML 配置并将其转换为解决了我的问题。

于 2022-03-03T18:19:18.663 回答
-1

我刚刚删除了.prettierrc文件，因为 prettier 的日志说，“

检测到本地配置（即 .prettierrc 或 .editorconfig），将不会使用 VS Code 配置”

我想你要么使用本地配置文件，要么使用 VS Code 的配置，但不是两者兼而有之。

于 2021-07-26T04:31:44.323 回答