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

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

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

我的.prettierrc设置:

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

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

当前回答

在某些情况下，prettier是作为依赖项提供的，您可能需要在prettier vscode使用以下命令之一识别它之前安装它，这取决于您使用的包管理器 NPM I或纱线

其他回答

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

我已经设置好了

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

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

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

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

更漂亮地回滚到1.7.3并修复了它

我试着启用“格式保存”，并将“自动保存延迟时间”设置为0。它成功了，所以我猜你也可以试试这个。

编辑:你可以通过这些步骤看到它们。

管理(齿轮图标左下角)

设置(在管理下拉列表中)

在保存时搜索格式并启用它(勾选复选框)

向下滚动，寻找自动保存延迟，并将其设置为0

在不太可能的情况下，上述解决方案都不适合你(像我一样)，我不得不在设置中将默认格式化器设置为null，然后按CTRL + SHIFT + P并搜索“格式文档”(默认格式文档绑定+R对我不起作用)，然后我被提示在弹出窗口中选择默认格式化器，在选择更漂亮的格式后，它格式化了文档，现在也保存了格式

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

1 -选择Default Formatter

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

见下图;

2 -保存格式

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

见下图;

推荐文章