Vue3 前端配置指南：VSCode settings.json 与 Prettier

一、先确认你已安装这 2 个插件

打开 VSCode 扩展面板 Ctrl+Shift+X，安装以下插件：

1. Vue Language Features (Volar) → Vue3 官方必备插件
2. Prettier - Code formatter → 代码格式化核心插件

---

二、VSCode settings.json 配置（Vue3 专用）

打开方式：

Ctrl+Shift+P → 输入 Open Settings (JSON) → 回车，全选替换下面代码：

{
  "// ==================== Vue3 核心格式化配置 ====================" ,
  "// 默认格式化工具 = Prettier",
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "// 保存文件时自动格式化（最实用）",
  "editor.formatOnSave": true,
  "// 粘贴代码自动格式化",
  "editor.formatOnPaste": true,
  "// 选中代码可手动格式化",
  "editor.formatOnSelection": true,
  "// 自动修复 ESLint 错误（配合格式化）",
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  }