VS Code Prettier - Code Formatter Extension 不适用于使用 Typescript 模板的 Create-React-App

Question

我目前正在尝试使用 Create-React-App 启动包和 TypeScript 模板设置应用程序。它的初始安装非常顺利。但是，当我尝试在 VS Code 中使用 Prettier-Code Formatter 扩展程序在保存时自动格式化我的文件时，我得到了错误：

检测到无效的 prettier 配置文件。详情见日志。

日志详细信息基本上只是重申该错误消息。我不确定是什么原因造成的。我试过添加一个 .prettierrc 文件，以及在 package.json 文件中添加配置，都无济于事。

任何帮助将不胜感激。谢谢。

Answer 1

在您的 vs 代码中打开 File->preferences->Setting 然后打开您的 setting.json 并将其放入其中：

"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true}