开源项目XBuilder前端框架

How_doyou_do2025-07-25 9:37

spx-gui/ 配置文件
- package.json 项目依赖和脚本配置
- vite.config.ts Vite构建工具配置
- tsconfig.json TS项目配置主文件
- tsconfig.app.json 应用程序的TS配置
- tsconfig.node.json Node.js环境的TS配置
- index.html 应用入口HTML文件
- src/ 源码目录
  - main.ts 应用入口文件，初始化Vue应用、路由、插件等
  - App.vue 跟组件，定义应用的最顶层结构
  - router.ts 路由配置，定义页面路由规划
  - global.d.ts 全局类型声明文件
  - polyfills.ts 兼容性补丁
  - components/ 可复用组件目录（和业务无关，可跨页面使用）
    - agent-copilot/ 人工智能助手相关组件（基于MCP通信协议的更高级的智能代理）
    - asset/ 资源管理组件
    - common/ 通用组件
    - community/ 社区功能组件
    - copilot/ 人工智能（通用AI对话助手）
    - editor/ 编辑器页面
      - code-editor/ 代码编辑器部分（实现了业务逻辑和UI展示的关注点分离）
        
        copilot.ts 核心业务逻辑层（API通信、代码上下文、代码采样等等）
        
        code-editor.ts 编辑器集成层（编辑器所有功能集成实现）
        
        ui/ 界面
        
        code-editor-ui.ts UI控制器层（连接业务逻辑，管理UI组件的生命周期）
        
        copilot/ UI组件层（控制页面视觉呈现、用户交互）
        
        index.ts 类型定义和控制器
        
        CopilotInput.vue 输入组件
        
        CopilotUI.vue 主界面组件
        
        Copilot...
    - navbar/ 导航栏组件
    - project/ 项目管理组件
    - ui/ 基础UI组件库（分享按钮就是在这里）
  - pages/ 页面组件目录（业务相关，对应具体URL路由路径）
    - community/ 社区页面
    - docs/ 文档页面
    - editor/ 编辑器页面
    - sign-in/ 登录页面
  - stores/ 状态管理
    - user/ 管理用户状态和令牌认证
    - following.ts 关注相关状态
    - liking.ts 点赞相关状态
  - apis/ API接口目录
  - models/ 数据模型定义
  - utils/ 工具函数目录
  - assets/ 静态资源目录
  - widgets/ 小部件目录