漂亮的不按指定缩进

Question

漂亮的人继续错误地格式化我的代码。我希望选项卡有4个空格（第二张图片），但是它忽略了编辑器设置，而是2个（第一张图片）。

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

那么，我缺少哪些设置更改？我肯定错过了什么。任何建议都是宏大的。谢谢。

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

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

Answer 1

只需在项目的根目录下创建.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

Answer 2

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

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

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

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

"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

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

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
}

您可以根据您的要求进行更改

Answer 3

您正在使用.editorconfig吗？您可能还必须将更"editor.tabSize"改为4。