Skip to content

Liunian06/XSJDeveloperGuide

Repository files navigation

🎮 流年的小手机开发教程

AI-Native 跨平台应用开发完整指南

License VitePress GitHub Pages PRs Welcome

📖 在线阅读 · 🚀 快速开始 · 💬 问题反馈


📚 目录


✨ 项目简介

从零开始,打造属于你的 AI 陪伴应用

这是一个面向新手的小手机开发教程,帮助你从零开始构建属于自己的 AI 陪伴应用。无论你是编程小白还是有一定基础的开发者,都能通过本教程快速上手。

什么是"小手机"?

小手机是一种基于浏览器的 AI-Native 产品,通过 HTML + JavaScript + PWA 技术栈,在浏览器中实现一个虚拟的操作系统。

🌐 浏览器环境
  └─ 📱 虚拟操作系统
      ├─ 💬 微信(虚拟)
      ├─ 📱 QQ(虚拟)
      ├─ 🎵 抖音(虚拟)
      └─ 🤖 AI 人设驱动

你可以在里面创建微信、QQ、抖音等常见应用的虚拟版本,并通过自定义 AI 人设,打造完美真实的 AI Roleplay 闭环,提升陪伴体验。


🎯 核心特性

🚀 AI 优先

所有交互逻辑、数据处理均围绕 AI 能力构建,无缝衔接自定义大模型

⚡ 极致工程化

采用 HTML + JavaScript 构建跨平台应用,统一管理构建、测试与部署流程

📱 原生体验

通过 PWA 技术实现接近原生的用户体验,一套代码覆盖多个平台


📖 教程内容

本教程采用循序渐进的方式,从基础到进阶,全面覆盖小手机开发的各个环节:

章节 内容 难度
📋 准备工作 开发工具、AI 模型选择、逻辑化表达能力培养
🔧 环境搭建 从零开始配置开发环境 ⭐⭐
🎓 快速入门 手把手教你构建第一个小手机应用 ⭐⭐
🏗️ 核心架构 深入理解 C++ 核心层与 UI 层的设计 ⭐⭐⭐
📚 API 文档 完整的 API 参考和使用示例 ⭐⭐⭐

🚀 快速开始

前置要求

在开始之前,请确保你已经准备好:

  • ✅ 一个现代化的 IDE(推荐 VSCode / Cursor
  • ✅ 一个强大的 AI 模型(Claude Opus / GPT-4 / Gemini Pro)
  • ✅ 基础的 HTML/JavaScript 知识(可选,教程会从零开始)

开始学习

  1. 在线阅读:访问 在线文档
  2. 本地运行:克隆本仓库并按照下方本地开发步骤操作

🤝 参与贡献

我们欢迎所有形式的贡献!无论是:

  • 🐛 报告 Bug
  • 💡 提出新功能建议
  • 📝 改进文档
  • 🔧 提交代码修复

请随时提交 IssuePull Request

贡献指南

  1. Fork 本仓库
  2. 创建你的特性分支 (git checkout -b feature/AmazingFeature)
  3. 提交你的更改 (git commit -m 'Add some AmazingFeature')
  4. 推送到分支 (git push origin feature/AmazingFeature)
  5. 开启一个 Pull Request

📄 开源协议

本教程采用 CC BY-NC-SA 4.0 协议(创作共用 署名-非商业性使用-相同方式共享 4.0 国际许可协议)。

使用约定

禁止商业化

不得用于任何盈利性行为

私下分享免署名

发给朋友、同学等私下分享无需署名

公开传播需署名

在公开平台发布需保留明确归属

⚠️ 禁止篡改作者信息

不得抹去原创作者信息或声称为自己创作

详细协议内容请查看 开源协议文档


💖 感谢支持

如果这个教程对你有帮助,欢迎 Star ⭐ 支持一下!

Made with ❤️ by 流年

About

一个小手机开发指南

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors