小米 Vela JS 应用 AI 辅助开发 (txt版本)

📄 简介​

本套件由两部分核心资源组成，旨在将通用的 AI 模型转化为“小米 Vela 开发专家”。

1. 开发知识库 (JS app Develop.txt)：包含了小米 Vela JS 应用开发的官方文档精髓，涵盖目录结构、组件使用、API 接口（如蓝牙、网络、文件系统）、生命周期及多屏适配规范。
2. 专家级系统提示词 (提示词：.txt)：一套经过精心设计的 Prompt（指令），用于“催眠”AI，使其遵循 Vela 的严格开发规范（如单根节点、内存优化），并包含了一个具体的“手环 AI 客户端”开发需求作为范例。

---

🛠 使用场景 & 方向​

1. 零基础代码生成 (Zero-to-One Generation)

• 场景：你有一个想法（例如：做一个番茄钟、记账本、或者 AI 对话助手），但不懂 Vela 的具体语法。
• 用法：将知识库投喂给 AI，输入提示词，AI 会直接生成符合 manifest.json、app.ux 和页面 .ux 结构的可运行代码。

2. 复杂功能实现与解惑

• 场景：你需要实现复杂的“手机-手环互联”功能（因为手环通常无法直接联网），或者需要使用开源的第三方输入法组件。
• 用法：利用文档中关于 system.interconnect 的部分，让 AI 帮你写好手环端和手机端的通信逻辑。

3. 代码审查与 Debug

• 场景：应用在手环上崩溃，或者内存占用过高。
• 用法：将报错代码发给 AI，结合知识库中的“避坑指南”和“内存优化”章节，让 AI 找出比如 setTimeout 未清除、DOM 结构错误等问题。

4. 多屏适配 (UI Design)

• 场景：同一套代码需要运行在小米手环 9（跑道屏）、Watch S3（圆屏）和方屏上。
• 用法：要求 AI 根据文档中的 media query 和 designWidth 规范，自动生成适应不同屏幕形状的 CSS 样式。
  
  
  

• 使用教程 (Step-by-Step)​

  第一步：环境准备 (选择 AI 模型)​

  由于 JS app Develop.txt 内容较长，建议使用支持长文本 (Long Context)的 AI 模型，效果最佳：
  • 推荐：Claude 3.5 Sonnet, GPT-4o, Gemini 1.5 Pro, Kimi (Moonshot), DeepSeek。

• 第二步：投喂知识库​

  1. 在 AI 对话框中，点击“上传文件”或直接复制粘贴 JS app Develop.txt 的全部内容。

• 第三步：设定角色​

  1. 复制 提示词：.txt 中的内容（从 System Prompt: 开始到最后）。

• 第四步：交互与生成​

  AI 现在已经是一个 Vela 开发专家了。你可以这样提问：
  • 生成项目结构：“请根据我的需求，列出完整的项目文件目录结构。”
  • 编写核心代码：“请给出 pages/index/index.ux 的完整代码，包含 UI 模板、CSS 样式（适配手环9）和 JS 逻辑。记得使用 Vela_input_method 组件。”
  • 解决互联问题：“手环无法直接联网，请帮我写一段使用 system.interconnect 向手机端发送请求的 utils.js 封装代码。”
  • 图形界面设计：“针对小米手环 9 的跑道型屏幕（192x490），请设计一个好看的聊天气泡 UI，给出 CSS 代码。”

• 第五步：实战部署​

  1. 按照 AI 生成的文件结构，在本地创建文件。
  2. 将 AI 生成的代码复制进去。
  3. 参考 提示词：.txt 结尾提到的 AIoT-toolkit 使用方法（npm install, aiot build）进行编译和预览。
     
     
     

  4. ✅ 适用 AI 模型推荐​

     • 次选：Claude 3.5 Sonnet (写代码逻辑最强，且对长文档理解极佳)。
     • 次选：GPT-4o (综合能力强)。
     • 国内推荐：Kimi (支持超长上下文，适合读取那个巨大的开发文档)、DeepSeek-Coder (代码生成能力强)。