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

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

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

我的.prettierrc设置:

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

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

当前回答

在我的例子中，它被typescript格式化器劫持了。

它把我逼疯了，因为它一直在重新格式化我的空间!

为了解决这个问题，我执行cmd+。(设置)type -> "默认格式化程序"

还有未检查的typescript

其他回答

有一些语法是pretty无法解析的。？? 是其中之一。去掉那个符号后，我的美女就像施了魔法一样。你应该看看vscode中Prettier扩展的输出。这应该指出的行和语法是造成的问题，更漂亮的格式正确。

有时候，当代码中出现语法错误时，“漂亮”就会停止工作。你可以通过点击右下角pretty旁边的x按钮来查看错误

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

从菜单导航到:视图->命令面板形成命令面板搜索格式文档，然后选择更漂亮作为您的格式引擎。

我已经在另一个项目中工作了，但对于新的项目，我必须通过这种方式使其再次用于新项目。

如果做什么@Simin Maleki提到的不能解决你的问题，有一个机会，你的默认格式化器没有设置:

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

确保“Editor: Default Formatter”字段不为空，而是“Prettier - Code Formatter”(esbenp.prettier-vscode)，并且勾选以下所有语言。这解决了我的问题。

一步一步的演练

同时确保保存时的格式是启用的:

推荐文章