直接复制即用,完美适配 Vue3 + Vite + JavaScript/TypeScript 项目,解决格式化冲突、缩进、引号、换行等所有问题。
一、先确认你已安装这2个插件
打开 VSCode 扩展面板 Ctrl+Shift+X,安装:
- Vue Language Features (Volar) → Vue3 官方必备插件
- 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},// ==================== 分语言指定格式化器 ===================="[vue]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[javascript]":{},{},{},{},{},{}, ==================== 语法优化 ==================== 插件格式化支持, 关闭自带的格式化冲突,, 缩进统一为个空格(标准),}


