[vue]：设置 editor.defaultFormatter 为 esbenp.prettier-vscode，确保使用 Prettier 格式化 .vue 文件。

在Vue.js中，`editor.defaultFormatter` 是用于配置编辑器默认的代码格式化插件。如果你想让`.vue`文件使用Prettier进行格式化，你需要首先安装 `esbenp.prettier-vscode` 插件，它是Prettier的一个VS Code扩展。

以下是步骤：

1. **安装**：
在项目目录下打开终端，运行以下命令安装 `esbenp.prettier-vscode`：

   npm install -D esbenp.prettier-vscode

或者如果你使用Yarn，可以替换为：

   yarn add -D esbenp.prettier-vscode

2. **配置**：
在项目的 `.vscode/settings.json` 文件中，添加或更新如下内容，指定 `editor.defaultFormatter` 为 `esbenp.prettier-vscode`：

   {
     "editor.defaultFormatter": "esbenp.prettier-vscode",
     "prettier.printWidth": 80, // 可选，设置行宽，默认值取决于Prettier配置
     "vetur.format.defaultFormatterOptions": {
       "prettyhtml": {
         "printWidth": 80
       }
     },
     "vetur.format.options": {
       "js-beautify-html": {
         "wrapAttributes": "auto"
       }
     }
   }

这里设置了`prettier.printWidth`，你可以根据需要调整这个值。

3. **启用**：
确保你在编辑器中选择了支持Prettier的模式，如TypeScript或JavaScript，并保存`.vue`文件时，Prettier将会自动应用其格式化规则。