我可以自动化 Prettier 的“修复所有更漂亮/更漂亮的问题”吗？答案

【问题标题】：Can I automate Prettier's 'Fix all prettier/prettier problems'?我可以自动化 Prettier 的“修复所有更漂亮/更漂亮的问题”吗？
【发布时间】：2020-04-02 18:23:01
【问题描述】：

我目前在 VSCode 上设置了 Prettier，以在出现不正确时警告我。右键单击带下划线的红色以选中是很痛苦的。 “解决所有更漂亮/更漂亮的问题”。我想知道这是否可以自动化？

注意我在 VSCode 上使用 AutoSave

【问题讨论】：

prettier.io/docs/en/cli.html#--write

标签： javascript reactjs prettier

【解决方案1】：

您可以通过将这些行添加到您的 Prettier 配置文件中来启用 Prettier 在 Ctrl+S 上自动运行：

"[javascript]": {
    "editor.formatOnSave": true
}

请看这里https://github.com/prettier/prettier-vscode#format-on-save。

【讨论】：

那行不通。我在 .prettierrrc { "printWidth": 100, "tabWidth": 2, "useTabs": false, "semi": false, "singleQuote": true, "trailingComma": "all", "bracketSpacing": true, "jsxBracketSameLine": true, "arrowParens": "avoid", "[javascript]": { "editor.formatOnSave": true } } 中试过这个
如果您使用 JSX 或 TypeScript，请尝试添加 "editor.formatOnSave": true 和 ”[javascriptreact]": { "editor.formatOnSave": true } 或 ”[typescript]": { "editor.formatOnSave": true }。进行更改后还要卸载/安装扩展并重新启动 VSCode。