如何将“Prettier”设置为VS Code的默认格式化程序？

Question

我在VS Code中安装了 Prettier 扩展，当我尝试格式化一个文件时，VS Code会询问：

您想使用默认格式化程序还是Prettier格式化程序进行格式化？

我不小心选择了默认格式化程序。如何将其更改为以 Prettier 作为默认格式化程序？

- Márcio Valim

---

快速答案：我希望这个答案能帮到你。 - Sina

Answer 1

我不知道为什么将默认格式设置为ebsenp.prettier对我无效。但我找到了一个类似的命令可以使用。

1. 按住ctrl + shift + p
2. 格式化文档
3. 配置默认格式化程序
4. 选择prettier

- Márcio Valim

---

在版本1.74.3中不再工作。 - Tanveer Hossain Jony

@TanveerHossainJony，我已经检查过了，仍然可以工作。 - Márcio Valim

在版本1.78.0中工作。 - Memetic

Answer 2

1. 点击vs code侧边栏左下角的齿轮图标并从菜单中选择“设置”，或者按下Ctrl+,打开设置界面。

2. 在设置窗格的右上角，点击打开文件图标（如果悬停，则工具提示将显示“打开设置(JSON)”）。

3. 在设置JSON中添加以下行：

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

- laurabeth

---

应该将此标记为正确答案。 - Diyorbek Sadullaev

对于来自Rebecca Vest的Prettier ESLint v5.0.4，请改用以下设置： { “editor.defaultFormatter”：“rvest.vs-code-prettier-eslint” } - Jorge Garcia

Answer 3

我发现最简单的方法如下：

1. 右键点击您想要格式化的文件

2. 选择

Format Document With ...

---

3. 您将会被提供一个下拉菜单，其中包含不同的格式化选项。最终的选项是：

Configure Default Formatter...

---

4. 在您选择后，如果重复执行，则会看到标有默认格式化程序的标记

(default)

- Stewart

---

我读了很多（我想是太多了）有关选择格式化程序的答案，但仍然没有完全理解，但这个答案确实能够可靠地解决问题！ - zhouji

Answer 4

1. 必要时更新 VS Code。
2. 确保已安装并启用了 Prettier 扩展程序。
3. 通过点击 ctrl 和逗号(,) 打开搜索设置栏，进入设置。
4. 在搜索框中输入“默认编辑器”。
5. 选择 默认格式化程序 并选择 Prettier - Code formatter。

6. 搜索“保存时格式化”，勾选复选框。

7. 注意: shift + alt + f 也可进行代码格式化，但不会保存文档。

8. 这样应该就可以了，如果有问题请告诉我。

- Mahantesh. N. Hadimani.

Answer 5

在命令面板(ctrl + shift + p)中搜索format，然后选择Format Document。接着选择Prettier - Code Formatter。

注意: 如果您没有看到选择默认格式的提示，则可以在设置中手动更改此项。将Editor: Default 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。

- Owen Valentinus