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

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

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

我的.prettierrc设置:

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

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

当前回答

对我来说，问题是HTML文件的格式有一天停止工作。我设置了保存格式，它适用于除HTML以外的所有文件。

然后我意识到，我试验性地将保存模式的格式设置为修改而不是文件，然后忘记了它。这对HTML文件中的任何内容都没有格式化的影响，令人惊讶的是，即使是我的更改也没有格式化。将其设置回文件解决了这个问题。

其他回答

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

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

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

Prettier还可以在保存时格式化文件。

但是，安装和启用并不会导致工作。

你必须检查“保存格式”在VSCode:设置>>用户>>文本编辑>>格式

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

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

在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

1 .使用其他扩展更漂亮的是不为我工作，我只是使用其他VSCODE扩展名为pretiernow我认为这将有助于，为我做的。在这里签出扩展

2 .从prettier的最新更新中，如果你想坚持使用prettier，你需要在项目的根目录中添加.prettierrc文件。 .prettierrc的一个例子是-

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

推荐文章