保存时更漂亮的 printWidth 设置格式不正确

Question

该工作区有两个 linting 插件（eslint 和 prettier）：

我的 lint 设置：

我确实可以看到默认格式文档设置为更漂亮：

（问题）保存时的格式仍然如下：

我期待的格式：

（第 8 行包含空格在内总共 59 个字符，少于 120 个）

注意：在另一个项目中这不是问题。但在另一个项目中，我还在其中配置了 linting 文件。

Answer 1

我认为你的 vscode 配置和设置与 .prettier 不一样。尝试.prettierrc在项目根目录中创建文件并添加更漂亮的配置。vscode 会自动获取配置。

在 vscode 中添加所有与格式相关的配置.prettierrc应该读取配置和格式。settings.json 不是添加所有漂亮配置的正确位置。这对其他团队成员也很有帮助，否则当有人提交时，它会更改格式。

.prettier

{
    "trailingComma": "es5",
    "tabWidth": 4,
    "semi": true,
    "singleQuote": true,
    "printWidth": 120,
    "bracketSpacing": true,
    "jsxBracketSameLine": true
}

.vscode/设置.json

{
    "editor.formatOnSave": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[jsonc]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[javascriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    }
}