为什么Prettier不格式化VSCODE中的代码？

Mandy古一2020-03-20

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

当我打开.vue文件并按CMD+ Shift+ P 并选择“ 格式化文档”时，我的文件根本没有被格式化。

我的 .prettierrc 设置：

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

我有很多源代码行，我无法手动设置它们的格式。我究竟做错了什么？

小哥Gil2020/03/20 13:09:19

我将更漂亮的版本回滚到1.7.3并将其修复

逆天前端宝儿2020/03/20 13:09:19

有时使用自动插件更新，Prettier使用的必需文件可能会丢失。

如果此处存在文件或文件夹为空，请检查此路径

C：\ Users \您的用户名\ .vscode \ extensions \ esbenp.prettier-vscode-2.2.2 \ out

如果缺少，请重新安装并重新安装。

村村AL2020/03/20 13:09:19

这不是prettier-vscodePrettier 本身的问题，而是VSCode扩展。根据其文档，Vue格式默认为禁用：

prettier.disableLanguages（默认值：[“ vue”]）

禁用此扩展名的语言ID列表。需要重启。注意：禁用在父文件夹中启用的语言将阻止格式化，而不是让其他格式化程序运行

在这种情况下，要启用您应该设置"prettier.disableLanguages": []。由于这是扩展配置，因此您应该在VSCode设置文件中而不是在.prettierrc。

老丝猪猪小卤蛋2020/03/20 13:09:19

漂亮的还可以在保存时格式化文件。

但是，安装和启用不会导致工作。

您必须在VSCode中检查“保存时的格式”：设置>>用户>>文本编辑器>>格式

TomL2020/03/20 13:09:19

1。使用另一个更漂亮的扩展名对我不起作用，我只是使用另一个名为PrettierNow我认为这对我有帮助的VSCODE扩展名。在此处签出扩展名

2。.prettierrc如果要坚持使用漂亮的文件，则需要从漂亮的最新更新文件添加到项目的根目录中。的一个例子.prettierrc是这-

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

逆天米亚2020/03/20 13:09:19

您可以尝试将此部分添加到用户设置文件吗？

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

番长Near2020/03/20 13:09:19

在对Prettier停止在VSCode中工作感到非常沮丧之后，我如何对其进行排序。

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

根据您的情况，这可能会帮助您...

樱神奇神无2020/03/20 13:09:19

有时，当代码中存在语法错误时，漂亮的脚本会停止工作。您可以通过单击Prettier旁边右下角的x按钮来查看错误。

Newest Answer