一、前置插件安装
打开 VSCode 扩展面板 Ctrl+Shift+X,安装以下插件:
- Vue Language Features (Volar) → Vue3 官方必备插件
- 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":


