VS Code 中的 Prettier 扩展不会格式化 JSX 代码

Question

当文档保存在 VS Code 中时，我尝试启用 Prettier 扩展来格式化 JSX 代码，但安装该扩展后对我不起作用。我尝试使用下面列出的方法进行修复：

• 重新启动 VS Code（强制退出）
• 重新安装 Prettier 扩展
• 在设置中打开和关闭扩展
• 在 Prettier 设置中启用“保存时格式化”
• 在更漂亮的设置中切换“React Snippets Experimental”

Answer 1

按 Control + Shift + P 或 Command + Shift + P (Mac) 打开命令选项板并键入“格式化文档”，然后选择“设置文档格式”选项。

然后系统会要求您选择默认格式化程序从选项列表中选择更漂亮的格式化程序您就完成了

Answer 2

在 VS Code 设置中启用 Prettier 作为默认格式化程序：

设置 > 默认格式化程序 > Prettier