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

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

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

我的.prettierrc设置:

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

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

当前回答

在. pretierrc中检查requirePragma，它说你需要为要格式化的文件添加一个顶级注释

去掉这个规则，它就会起作用

其他回答

我尝试了这篇文章中的每一个解决方案，我才意识到我唯一的问题是我的Visual Studio颜色主题。这么简单!

之前:

后:

你可以试着把这个部分添加到你的VS Code设置中吗?json文件吗?

"[javascript]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
},

不要忘记在VSCode的设置中启用“editor.defaultFormatter”。在我的例子中，它是空的，因此甚至是“编辑器”。formatOnSave”似乎也没有解决这个问题。

最近我也遇到了同样的问题，那就是在保存代码时，pretty不会自动格式化代码。检查更漂亮，我看到一个错误:无效的“arrowParens”值。期望“总是”或“避免”，但得到的是真的。

当我点击这个时，看到错误消息:

结果我也安装了“现在更漂亮”。这在我的配置文件中有一个布尔值。卸载“现在更漂亮”后，一切正常。

在Windows上:

我们可以使用以下命令打开下面的文件:

Start > Run

文件路径:

%AppData%\Code\User\settings.json

改变来自:

"[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
},

To:

"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},

注意:

如果上述内容不存在，请添加而不是更改。您应该已经安装了“更漂亮的代码格式化器”，以查看上述更改的效果- https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode

推荐文章