> 技术文档 > 开源项目XBuilder前端框架
开源项目XBuilder前端框架
网友:Bloger
技术文档
2025-07-26 19:48:51
- 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/ 小部件目录
