monkeycode-ai
7029590cb3
P1 任务 - Web 界面优化: ✅ 暗黑模式主题支持 - App.vue: 全局暗黑模式 CSS 变量 - ThemeToggle.vue: 主题切换组件 - 支持明亮/暗黑模式切换 - LocalStorage 持久化主题偏好 ⏸️ 差异对比功能：延后 - Monaco Diff Editor 需要特殊配置 - 需要 monaco-editor 插件支持 - 建议作为独立任务实施 ⏸️ 代码格式化：延后 - 需要安装外部格式化工具 - dotnet-format, google-java-format, clang-format 新增文件: - CodePlay.Web/src/components/ThemeToggle.vue - CodePlay.Web/src/services/api.ts 更新文件: - CodePlay.Web/src/App.vue (暗黑模式支持) - CodePlay.Web/src/views/ConverterView.vue (主题切换按钮) - CodePlay.Web/vite.config.ts (Monaco 配置) - CodePlay.Web/package.json (monaco-editor 依赖) 使用方法: 1. 点击右上角圆形按钮切换明亮/暗黑模式 2. 主题偏好自动保存到 localStorage 3. 刷新页面后主题保持不变 Co-authored-by: monkeycode-ai <monkeycode-ai@chaitin.com>
27 lines
547 B
JSON
27 lines
547 B
JSON
{
|
|
"name": "codeplay-web",
|
|
"version": "0.1.0",
|
|
"private": true,
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "vue-tsc && vite build",
|
|
"preview": "vite preview"
|
|
},
|
|
"dependencies": {
|
|
"axios": "^1.6.0",
|
|
"element-plus": "^2.4.0",
|
|
"monaco-editor": "^0.55.1",
|
|
"pinia": "^2.1.0",
|
|
"vue": "^3.4.0",
|
|
"vue-router": "^4.2.0"
|
|
},
|
|
"devDependencies": {
|
|
"@types/node": "^20.10.0",
|
|
"@vitejs/plugin-vue": "^5.0.0",
|
|
"typescript": "^5.3.0",
|
|
"vite": "^5.0.0",
|
|
"vue-tsc": "^1.8.0"
|
|
}
|
|
}
|