Question

2018-10-01

818688

javascript vue.js visual-studio-code nuxt.js prettier

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

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

我的 .prettierrc 设置：

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

我有太多源代码行，因此我无法手动格式化它们。我做错了什么？

Answer 1

如果上述方法无效：

ctrl+shift+p > 使用以下方式格式化文档... > 配置默认格式化程序... > Prettier - 代码格式化程序

这也适用于 ctrl+shift+I

Answer 2

如果 @Simin Maleki 所提到的操作不能为您解决问题，则可能是您的默认格式化程序未设置：

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

确保您的 编辑器：默认格式化程序 字段不是 null 而是 Prettier - 代码格式化程序 (esbenp.prettier-vscode) ，并且以下所有语言都已勾选。这解决了我的问题。

还要确保已启用保存格式：

Answer 3

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