如何使 prettier 成为 vs 代码中的默认格式化程序?

Posted

技术标签:

【中文标题】如何使 prettier 成为 vs 代码中的默认格式化程序?【英文标题】:How to make prettier the default formatter in vs code? 【发布时间】:2021-01-05 07:46:26 【问题描述】:

我在 vs code 中安装了 prettier 扩展,当我点击格式化文件时,vs code 询问我:“你想使用默认格式化程序格式化还是使用 prettier 格式化程序?”。但我不小心选择了默认格式化程序。如何将其更改为默认设置更漂亮的格式?

【问题讨论】:

Quick Answer希望这个回答对你有帮助。 【参考方案1】:

不知道为什么,但将默认格式化程序设置为 ebsenp.prettier 对我不起作用。但是我发现了一个类似的命令。

    ctrl + shift + p 格式化文档 配置默认格式化程序 选择更漂亮

【讨论】:

【参考方案2】:

    通过单击 vs 代码侧栏左下角的齿轮并从菜单中选择设置,或按 Ctrl+,打开设置,

    在设置窗格的右上角,点击打开文件图标(如果您将鼠标悬停,工具提示将显示“打开设置(JSON)”

    将以下行添加到设置 json:

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

【讨论】:

【参考方案3】:

在命令面板(ctrl + shift + p)中,搜索格式,然后选择格式化文档。然后选择 Prettier - Code Formatter。

注意:如果您没有看到选择默认格式的提示,您可以在“设置”中手动更改此设置。将编辑器:默认格式化程序设置为 ebsenp。

这里是完整的解决方案: https://www.digitalocean.com/community/tutorials/how-to-format-code-with-prettier-in-visual-studio-code#:~:text=In%20the%20command%20palette%2C%20search,and%20then%20choose%20Format%20Document.&text=Then%20choose%20Prettier%20%2D%20Code%20Formatter,Editor%3A%20Default%20Formatter%20to%20ebsenp.

【讨论】:

以上是关于如何使 prettier 成为 vs 代码中的默认格式化程序?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 VS 代码拆分属性中阻止 Prettier 到多行?

如何让 VueJS + ESLint (Airbnb) + Prettier 一起工作? (VS代码)

VS代码/w。在 TypeScript Monorepo 中更漂亮

如何在使用 prettier 的类中的方法声明前后添加新行?

如何在VS Code中启用自动格式化.jsx文件的Prettier?

VS Code + Prettier 不使用 printWidth 设置?