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

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

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

我的.prettierrc设置:

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

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

当前回答

检查是否有.vscode/settings。Json文件在您的项目目录(工作空间)。在我的案例中，有人签入了这个文件:

{
  "editor.formatOnSave": false
}

解决方案:删除文件(也从源代码控制中删除)，并将.vscode/添加到.gitignore(如果您使用git)。

其他回答

在VSCode中启用“保存格式”:设置>>用户>>文本编辑器>>格式化对我有用!

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

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

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

管理(齿轮图标左下角)

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

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

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

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

我已经设置好了

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

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

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

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

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

推荐文章