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

JavaScript Vue.js

Mandy古一

2020-03-20

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

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

我的 .prettierrc 设置

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

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

第2459篇《为什么Prettier不格式化VSCODE中的代码?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

8个回答
小哥Gil 2020.03.20

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

逆天前端宝儿 2020.03.20

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

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

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

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

村村AL 2020.03.20

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

prettier.disableLanguages(默认值:[“ vue”])

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

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

老丝猪猪小卤蛋 2020.03.20

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

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

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

在此处输入图片说明

TomL 2020.03.20

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

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

{
  "tabWidth": 4,
  "singleQuote": true,
  "semi": false
}
逆天米亚 2020.03.20

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

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

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

  1. 选择VS Code-> View-> Command Palette,然后键入:Format Document With
  2. 然后Configure Default Formatter...再选择Prettier - Code formatter

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

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

樱神奇神无 2020.03.20

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

在此处输入图片说明

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android