feat: 前端集成 Prettier 代码格式化

openspec/specs/frontend/spec.md

@@ -508,8 +508,30 @@ TBD - 提供供应商、模型配置和用量统计的前端管理界面
 - **THEN** Vite SHALL 对业务代码执行混淆处理
 - **THEN** 混淆 SHALL 仅应用于 src 目录下的业务代码
 - **THEN** 混淆 SHALL NOT 应用于 node_modules 中的第三方库
-- **THEN** 构建流程 SHALL 在 vite build 之前执行 ESLint 检查
+- **THEN** 构建流程 SHALL 在 vite build 之前执行 ESLint 检查和 Prettier 格式检查
 - **THEN** ESLint 检查失败 SHALL 中断构建
+- **THEN** Prettier 格式检查失败 SHALL 中断构建
+
+### Requirement: 开发环境格式化工具
+
+前端 SHALL 配置开发环境格式化工具，确保开发者保存时自动格式化代码。
+
+#### Scenario: VS Code 保存时自动格式化
+
+- **WHEN** 开发者在 VS Code 中保存文件
+- **THEN** 文件 SHALL 自动使用 Prettier 格式化
+- **THEN** ESLint 可修复的问题 SHALL 自动修复
+
+#### Scenario: 编辑器统一配置
+
+- **WHEN** 开发者在编辑器中打开项目
+- **THEN** 编辑器 SHALL 自动应用 `.editorconfig` 配置
+- **THEN** 编辑器 SHALL 使用 2 空格缩进、UTF-8 编码、Unix 换行符
+
+#### Scenario: VS Code 推荐安装扩展
+
+- **WHEN** 开发者使用 VS Code 打开项目
+- **THEN** VS Code SHALL 提示安装 Prettier 和 ESLint 扩展
 
 ### Requirement: 与后端 API 通信