如何使 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 的类中的方法声明前后添加新行?