为什么Prettier没有格式化VS Code中的代码?

在我的Nuxt应用程序中,安装了ESlint和Prettier并启用了ESlint和Prettier,我切换到了Visual Studio Code。

当我打开一个.vue文件并按++并选择格式化文档时,我的文件根本没有格式化CMDShiftP

My .prettierrc settings

{
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}

我有这么多源代码行,所以我不能手动格式化它们。我做错了什么?


答案 1

在对Prettier停止在VSCode中工作感到非常沮丧之后,我是如何解决它的。

  1. 选择 -> -> ,然后键入:设置文档格式VS CodeViewCommand Palette
  2. 然后,然后选择 。Configure Default Formatter...Prettier - Code formatter

这神奇地解决了我的问题。

根据您的情况,这可能会对您有所帮助...


答案 2

如果执行@Simin Maleki提到的操作不能为您解决问题,则有可能未设置默认格式化程序:

File > Preferences > Settings > Search for "default formatter" 

确保您的字段不是,而是,并且勾选了以下所有语言。这解决了我的问题。Editor: Default Formatternullesbenp.prettier-vscode

逐步演练

Steps to enable default formatter

还要确保已启用保存时的格式:

Format on save check