为什么在VS code中pretty没有格式化代码?

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

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

我的.prettierrc设置:

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

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

当前回答

我没有使用Vue，但遇到了同样的问题。

我已经设置好了

编辑器:用于更漂亮的默认格式化器编辑器:格式保存为true 我已经有了。eslintrc.js和。prettierrc文件但是什么都不管用。

我的问题的解决方案是，我已经正确设置，除了我需要:

Command + Shift + p 输入格式文件 select Configure Default Formatter… 选择pretty作为默认值。

我不知道为什么编辑器:保存的格式设置为true是不够的。我需要使用上面的步骤选择默认格式化器，这样它就可以工作了。

其他回答

在我的例子中，我使用一个不存在的配置文件(见下面的屏幕截图)配置得更漂亮。这很难找到，因为没有任何错误消息，但漂亮的只是没有工作。也许这也能帮助到别人。

在我的情况下，我使用的是一台windows机器，原来文件系统已经损坏，因此漂亮的提出了一个错误，因为它无法打开配置文件，由于文件系统损坏。

为了解决这个问题，我在终端上运行chkdsk /f h:，其中h是文件分区。

这解决了文件腐败和漂亮的现在工作正常。

你只需要配置你的默认格式化器，并勾选设置中的Format On Save复选框，在安装prettier后，使其工作。不要乱动其他配置文件。

1 -选择Default Formatter

打开文件->首选项->设置(或Windows中的Ctrl +)。搜索编辑器:默认格式化器选择您的默认格式化程序为pretty - Code formatter;

见下图;

2 -保存格式

打开文件->首选项->设置(或Windows中的Ctrl +)。搜索编辑器:保存格式单击Format On Save下的复选框;

见下图;

在VSCode中启用“保存格式”:设置>>用户>>文本编辑器>>格式化对我有用!

尽管有这些设置，你仍然会遇到问题。在这种情况下，正如之前的回答中所指出的，那么在VSCode的底部状态栏中检查更漂亮的通知将是一个好点。

当单击该状态时，输出面板应该在HTML文件中报告该问题。对我来说，问题是我在p标签里面有一个div，我认为更漂亮的/VSCode惯例是反对的。当我删除它(并结合上面的所有设置，即默认格式化器和保存时的格式)时，我工作得更好了。

.prettierrc不是必需的，除非你想覆盖VSCode设置

推荐文章