vue3-mobile-scaffold 模板说明
克隆项目使用以下命令克隆模板仓库111: 1git clone https://github.com/jyuhou-wong/vue3-mobile-scaffold 安装依赖并启动开发环境进入项目目录后,运行以下命令安装依赖: 123yarn# 然后启动开发环境: yarn dev 模板用途说明此模板将作为团队开发的基础,所有同事都需基于此模板进行开发,以确保项目的一致性和高效协作。
vue3移动端架构
🌐 Modern Vue 3 Frontend Architecture (Using Yarn)本架构适用于基于 Vite 构建的 Vue 3 前端项目,使用 Yarn 作为包管理工具,结合自动导入、自动组件注册、状态管理、路由、API 拦截、样式体系与代码规范,实现高性能与可维护性的现代化开发流程。 🧩 目录结构12345678910111213141516171819202122232425my-vue-app/├── public/│ └── index.html├── src/│ ├── api/│ │ └── index.ts│ ├── assets/│ │ └── main.css│ ├── components/│ ├── hooks/│ ├── router/│ │ └── index.ts│ ├── store/│ │ ├── index.ts│ │ └── user.ts│ ├── styles/│ ├── utils/│ ├── views/│ │ └──...
flutter 开发思路
一、按「垂直切片」来开发将一个完整的功能(Feature)作为最小单元,一次开发、一次测试、一次 UI 验证。例如“加载成员列表”这个切片,流程如下: 领域 + 仓库接口 定义 MemberEntity 和 MemberRepository 接口。 Data 层 + 映射 + RepoImpl 创建 MemberDto、映射逻辑以及 MemberRepositoryImpl。 编写集成/单元测试,验证 JSON → DTO → Entity。 UseCase 实现 LoadMembersUseCase,并立即编写两个测试: 正常返回列表。 异常分支(仓库抛错)。 ViewModel 编写 MembersViewModel.load(),并立即测试: 成功时状态从 loading → data。 异常时状态变为 error。 UI 在页面中消费 ViewModel。 进行简单的手动验收,或编写轻量级的 Widget Test(可选)。 这种方式确保每个 Layer 的核心逻辑完成后立即测试并确认,再继续 UI...
flutter ddd feature first 开发最佳实践
基于 分离 + CodeGen 映射 的最佳实践开发流程,涵盖从领域建模到 DTO、映射、仓库实现、UseCase、ViewModel、UI,再到各层单元/集成测试和 CI 集成。按此流程,既能保持清晰分层,又能用工具最大化减少样板、提高维护效率。 一、领域层(Domain)定义实体(Entity)和值对象(Value Object)12345678910111213141516// lib/features/members/domain/entities/member_entity.dartclass MemberEntity { final String name; final String accountId; final String accountRole; final int accountStatus; MemberEntity({ required this.name, required this.accountId, required this.accountRole, required...
Hexo-GitHub VSCode Plugin
Hexo-GitHub VSCode PluginHexo-GitHub 是一个 VSCode 插件,专注于通过直观的可视化操作简化 Hexo 博客的管理与 GitHub 集成。用户可以通过该插件轻松地创建、更新和部署他们的 Hexo 博客。 Demo以下是使用该插件发布的博客的示例: 博客 Demo 功能 可视化操作: 支持大多数 Hexo 命令的可视化操作,简化博客管理。 登录到 GitHub: 使用 OAuth 流程安全地登录到 GitHub。 拉取和推送: 从 GitHub 拉取最新的博客内容,或将本地更改推送到 GitHub。 创建新博客: 通过简单的操作创建新的 Hexo 博客文章。 启动和停止 Hexo 服务器: 在本地启动 Hexo 服务器以预览博客,或停止服务器。 本地预览: 在浏览器中打开本地博客的预览。 部署到 GitHub Pages: 将博客部署到 GitHub Pages,使其在线可访问。 管理博客文件: 在 VSCode 中管理博客的文件结构。 主题动态切换: 支持 Hexo 主题的动态切换和安装。 配置支持:...