目录结构
2026/5/15大约 2 分钟euvuirustwasmquick-start
提示
基于 euv 框架设计的项目目录结构,核心逻辑、宏定义和示例分离,便于开发和维护。
├── core # 核心库
│ ├── event # 事件系统
│ │ ├── handler # 事件处理器
│ ├── reactive # 响应式信号系统
│ │ ├── cast # 类型转换
│ │ ├── hook # Hook 上下文(use_signal 等)
│ │ ├── schedule # 信号更新调度
│ │ ├── signal # Signal 信号原语
│ ├── renderer # DOM 渲染器
│ │ ├── dom # DOM 操作工具
│ │ ├── registry # 事件/动态节点注册表
│ │ ├── render # 渲染器核心
│ ├── vdom # 虚拟 DOM
│ │ ├── attribute # 属性系统
│ │ ├── cast # 属性值类型转换
│ │ ├── node # 虚拟节点
│ ├── tests # 测试
├── macros # 过程宏
│ ├── html # HTML 宏
│ ├── class # CSS 类宏
│ ├── css_vars # CSS 变量宏
│ ├── var # var() 引用宏
│ ├── watch # Watch 宏
│ ├── kebab # kebab-case 解析
├── cli # 命令行开发服务器
│ ├── build # 构建逻辑
│ ├── fmt # 格式化逻辑
│ ├── logger # 日志
│ ├── server # 开发服务器
├── example # 示例应用
│ ├── app # 应用入口
│ │ ├── hook # 全局 Hook(use_toggle、on_input_value 等)
│ │ ├── view # 布局组件(nav_item、desktop_layout、mobile_layout)
│ ├── component # 组件定义
│ │ ├── badge # 徽标组件
│ │ ├── button # 按钮组件
│ │ ├── card # 卡片组件
│ │ ├── form_input # 表单输入组件
│ │ ├── logo_button # Logo 按钮组件
│ │ ├── modal # 模态框组件
│ │ ├── page_header # 页面头部组件
│ │ ├── vconsole # 调试控制台组件
│ │ │ ├── hook # Console 日志系统、LogLevel、LogFilter
│ │ │ ├── view # vconsole_panel、vconsole_fab、vconsole_drawer
│ │ ├── virtual_list # 虚拟列表组件
│ │ │ ├── hook # UseVirtualList 状态、compute_visible_range
│ │ │ ├── view # virtual_list_on_scroll 滚动处理器
│ ├── page # 页面组件
│ │ ├── animation # 动画演示页
│ │ ├── async # 异步操作演示页
│ │ ├── attrs # 自定义属性演示页
│ │ ├── binding # 组件绑定演示页
│ │ ├── browser # 浏览器 API 演示页
│ │ ├── conditional # 条件渲染演示页
│ │ ├── dynamic # 动态标签演示页
│ │ ├── event # 事件系统演示页
│ │ ├── file # 文件上传演示页
│ │ ├── form # 表单处理演示页
│ │ ├── keep_alive # Keep-Alive 演示页
│ │ ├── lifecycle # 生命周期演示页
│ │ ├── list # 列表渲染演示页
│ │ ├── modal # 模态框演示页
│ │ ├── not_found # 404 页面
│ │ ├── observer # IntersectionObserver 演示页
│ │ ├── select # 下拉选择演示页
│ │ ├── signals # 信号系统演示页
│ │ ├── timer # 定时器演示页
│ │ ├── virtual_list # 虚拟列表演示页
│ ├── router # 路由
│ │ ├── hook # 路由 Hook(use_hash_change、use_scroll_to_top 等)
│ │ ├── view # 路由视图(current_route、navigate、page_router)
│ ├── style # 样式定义
│ │ ├── class # class! 宏定义
│ │ ├── css # 全局 CSS 注入(inject_app_global_css)
│ ├── theme # 主题定义
│ │ ├── hook # 主题 Hook(use_theme、toggle_theme)
│ │ ├── view # 主题 CSS 变量(css_vars! 宏定义)
├── src # 根入口
│ ├── lib.rs # 重新导出 core + macros