Vue3 前端开发配置：VSCode settings.json 与 .prettierrc 设置

一、前置插件安装

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

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

---

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

打开方式

Ctrl+Shift+P → 输入 Open Settings (JSON) → 回车，替换以下内容：

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnSelection": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "[vue]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },
  "[javascript]": { "editor.defaultFormatter":