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

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

我的.prettierrc设置:

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

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


当前回答

我在WSL中工作(也将为只在自定义工作区中有问题的人工作),我尝试了每一个可能的修复,直到我在vscode设置上发现这个选项卡:

选择关于您的问题的选项卡,并再次更改所有设置,并将“Files: Auto Save”设置更改为“onFocusChange”或“onWindowChange”。

其他回答

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

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

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

管理(齿轮图标左下角)

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

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

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

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

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

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

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

对我来说,在VS Code设置中禁用了这个选项(然后使用默认配置更漂亮):

更漂亮:需要配置