VSCode 更漂亮的 printWidth

Posted 2023-02-22

【中文标题】VSCode 更漂亮的 printWidth

【英文标题】：VSCode prettier's printWidth

【发布时间】：2020-08-10 15:22:08

【问题描述】：

我正在尝试为我的 VSCode prettier(extension) 设置设置不同的行宽，但没有任何运气。 在 ~root/.vscode/settings.json 中尝试了带前缀或不带前缀的不同变体：

"max-len": 120,
"printWidth": 120
"editor.max-len": 120,
"editor.printWidth": 120
"prettier.max-len": 120,
"prettier.printWidth": 120

它们都不尊重规则。

我该如何解决？

【问题讨论】：

如果您使用的是prettier，我建议使用.pretierrc 文件。

是VSCode的扩展，所以扩展的所有设置都需要在VSCode设置中

我使用 VSCode 并且扩展程序也会读取 .pretierrc 文件。检查the documentation

【参考方案1】：

您是否认为 Prettier 的文件扩展名实际上是 supporting？ 如果是，当您打开文件时，右下角的状态栏中是否选择了“Prettier”？ 如果是，请在 VS Code 中打开“输出”选项卡并尝试格式化文件。您看到的输出是什么（您可能需要在“输出”选项卡的下拉菜单中选择“更漂亮”）。

【讨论】：

重新检查支持的文件扩展名让我意识到我的问题。很多地方都展示了在 nextjs 设置中使用 prettier 的示例，但 prettier 默认不支持 .tsx 文件，仅支持 .jsx。 ***.com/questions/61731587/…

【参考方案2】：

您在第 2 行和第 4 行缺少尾随逗号。单击状态栏中的“Prettier”链接，它将告诉您要调试什么。