vscode 格式不格式化答案

【问题标题】：vscode format not formattingvscode 格式不格式化
【发布时间】：2023-04-10 07:22:01
【问题描述】：

我安装了prettier plugin for vscode 并有一个 .pretteirrc.js：

module.exports = {
  trailingComma: 'es5',
  tabWidth: 2,
  semi: true,
  singleQuote: true,
  printWidth: 60,
}

在设置中，默认格式化程序设置为：esbenp.prettier-vscode 并检查了保存时的格式，但保存时没有格式化任何内容，也没有任何迹象表明有问题。

右键点击一个js文件，内容如下：

var test = [1, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 2, 3, 4, 5, 6]

并且选择格式文档不会格式化它，格式文档也不会... =>更漂亮的代码格式化程序也不会选择打字稿和javascript语言功能。

奇怪的是，默认格式具有 typescript 和 javascript 语言功能，即使设置没有将其作为默认格式化程序。

我可以在扩展中看到更漂亮的插件，并且它已启用。

vscode 是 1.41.0 版本

重新启动了几次并重新加载了 vscode 窗口。将尝试删除并重新安装 vscode，因为保存时自动格式化是我不能没有的功能。

欢迎提出任何检查内容的建议，代码没有语法错误（请参阅上面的示例代码），因此不应阻止 vscode 格式化，也不会给出任何错误指示。

从项目目录中删除 .vscode 目录，现在默认格式化程序更漂亮，但仍然没有格式化。

【问题讨论】：

标签： javascript visual-studio-code vscode-settings prettier

【解决方案1】：

未安装并重新安装 vscode 并且格式化再次正常工作。

我的 .vscode/settings.json 看起来像

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "prettier.configPath": "./personal.yml"
}

因此，对于该项目，我使用的是个人格式，但在签入文件之前，我创建了一个任务 .vscode/tasks.json，它将标准格式化所有 修改后的 .js 和 .json 文件。

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Format",
      "command": "git status -s | grep '\\.js$\\|\\.json$' | cut -f3 -d' ' | xargs prettier --write --config ./.standard.yml;",
      "type": "shell"
    }
  ]
}

Mac 上的 Regexp 工作方式不同，所以我不得不运行两次更漂亮：

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "label": "format",
      "type": "shell",
      "command": "git status -s | grep '\\.js$' | cut -f3 -d' ' | xargs prettier --write --config ./.prettierrc.yml && git status -s | grep '\\.json$' | cut -f3 -d' ' | xargs prettier --write --config ./.prettierrc.yml"
    }
  ]
}

【讨论】：