使用 VsCode 更漂亮

Posted

技术标签:

【中文标题】使用 VsCode 更漂亮【英文标题】:Prettier with VsCode 【发布时间】:2021-05-07 17:04:35 【问题描述】:

我正在尝试将 Prettier 集成到 Visual Studio Code 中。

我已经安装了Prettier VsCode plugin。

在说明中说设置以下 VSCode 设置:

"editor.defaultFormatter": "esbenp.prettier-vscode",

但是,当我这样做时,Visual Studio 会给出消息:“未知配置设置”。

每当我尝试格式化 javascript 文件时,它都不会使用更漂亮的格式。 我已经卸载了所有其他扩展,以确保没有任何东西干扰更漂亮的扩展。

如果我使用命令行执行 Prettier 确实可以正常工作:

npx prettier --write .

有人知道如何解决吗?

【问题讨论】:

尝试删除行尾的逗号。 JSON 不喜欢悬空的逗号。 请提供您的 vscode 的完整配置文件。 【参考方案1】:

我找到了问题。

原来我使用的是旧版本的 Visual Studio Code (1.22.0)

“检查更新”按钮显示没有可用更新的消息,所以我认为我已经使用了最新版本。但是,事实并非如此。

下载新版本后一切正常。

【讨论】:

以上是关于使用 VsCode 更漂亮的主要内容,如果未能解决你的问题,请参考以下文章

使用 VSCode 更漂亮的 react/jsx-max-props-per-line 格式

vscode 更漂亮的设置

VSCode 更漂亮的 printWidth

不应该的 VSCode 格式(更漂亮,javascript)

如何在 vscode 中禁用更漂亮的错误突出显示

如何在 vscode 上为 css 模块设置更漂亮