Pling tutorials

每一章，都可以直接运行。

这些页面与教程中的本地夹具使用同一份源码。选择章节后可直接体验，也可以回到文档复制本地命令。线上预览的模型请求经过服务端网关，浏览器不持有供应商密钥。

Vue 3

从安装、最小接入，到网关、外部 Agent 与 SSR。

  1. V3-02Installation and model configurationpnpm tutorial:dev v3-02 --locale zh
  2. V3-03Quick start: a complete Todo agentpnpm tutorial:dev v3-03 --locale zh
  3. V3-04Inspect one agent runpnpm tutorial:dev v3-04 --locale zh
  4. V3-05Actions with input and verified resultspnpm tutorial:dev v3-05 --locale zh
  5. V3-06Real controls and custom componentspnpm tutorial:dev v3-06 --locale zh
  6. V3-07Records, row actions, and change evidencepnpm tutorial:dev v3-07 --locale zh
  7. V3-08Function-level toolspnpm tutorial:dev v3-08 --locale zh
  8. V3-09Regions, visibility, and overlayspnpm tutorial:dev v3-09 --locale zh
  9. V3-10Long lists, scrolling, and offscreen actionspnpm tutorial:dev v3-10 --locale zh
  10. V3-11State exposurepnpm tutorial:dev v3-11 --locale zh
  11. V3-12Page identity and routingpnpm tutorial:dev v3-12 --locale zh
  12. V3-13Assistant surfaces, layout, and task entry pointspnpm tutorial:dev v3-13 --locale zh
  13. V3-14Page feedback, target highlighting, and human guidancepnpm tutorial:dev v3-14 --locale zh
  14. V3-15Confirmation and human handoffpnpm tutorial:dev v3-15 --locale zh
  15. V3-16Flows, async work, and recoverypnpm tutorial:dev v3-16 --locale zh
  16. V3-17Runtime limits, observability, and error codespnpm tutorial:dev v3-17 --locale zh
  17. V3-18Sensitive datapnpm tutorial:dev v3-18 --locale zh
  18. V3-19Model gateway and authenticationpnpm tutorial:dev v3-19 --locale zh
  19. V3-20Testing, coverage, and evaluationpnpm tutorial:dev v3-20 --locale zh
  20. V3-21Production releasepnpm tutorial:dev v3-21 --locale zh
  21. V3-22Migrating an existing Vue apppnpm tutorial:dev v3-22 --locale zh
  22. V3-23Exposing selected capabilities to external agentspnpm tutorial:dev v3-23 --locale zh
  23. V3-24Nuxt and SSRpnpm tutorial:dev v3-24 --locale zh

React

与 Vue 3 对齐的章节路径，使用 React Provider 与 hooks。

  1. R-02Install, provider, and first mountpnpm tutorial:dev r-02 --locale zh
  2. R-03Quick start: a complete Todo agent in Reactpnpm tutorial:dev r-03 --locale zh
  3. R-04Inspect one React agent runpnpm tutorial:dev r-04 --locale zh
  4. R-05Actions with input and verified resultspnpm tutorial:dev r-05 --locale zh
  5. R-06Real controls and custom componentspnpm tutorial:dev r-06 --locale zh
  6. R-07Records, row actions, and change evidencepnpm tutorial:dev r-07 --locale zh
  7. R-08Function-level toolspnpm tutorial:dev r-08 --locale zh
  8. R-09Regions, visibility, and overlayspnpm tutorial:dev r-09 --locale zh
  9. R-10Long lists, scrolling, and offscreen actionspnpm tutorial:dev r-10 --locale zh
  10. R-11State exposurepnpm tutorial:dev r-11 --locale zh
  11. R-12Page identity and routingpnpm tutorial:dev r-12 --locale zh
  12. R-13Assistant surfaces, layout, and task entry pointspnpm tutorial:dev r-13 --locale zh
  13. R-14Page feedback, target highlighting, and guidancepnpm tutorial:dev r-14 --locale zh
  14. R-15Confirmation and human handoffpnpm tutorial:dev r-15 --locale zh
  15. R-16Flows, async work, and recoverypnpm tutorial:dev r-16 --locale zh
  16. R-17Runtime limits, observability, and error codespnpm tutorial:dev r-17 --locale zh
  17. R-18Sensitive datapnpm tutorial:dev r-18 --locale zh
  18. R-19Model gateway and authenticationpnpm tutorial:dev r-19 --locale zh
  19. R-20Testing, coverage, and evaluationpnpm tutorial:dev r-20 --locale zh
  20. R-21Production releasepnpm tutorial:dev r-21 --locale zh
  21. R-22Migrating an existing React apppnpm tutorial:dev r-22 --locale zh
  22. R-23Exposing selected capabilities to external agentspnpm tutorial:dev r-23 --locale zh
  23. R-24Next.js and SSRpnpm tutorial:dev r-24 --locale zh

Vanilla JS / jQuery

无框架页面、增量 DOM、多页连续性与外部 Agent。

  1. J-02Script setup and first mountpnpm tutorial:dev j-02 --locale zh
  2. J-03Quick start: a complete Todo agent on a vanilla pagepnpm tutorial:dev j-03 --locale zh
  3. J-04Declarative actions with data attributespnpm tutorial:dev j-04 --locale zh
  4. J-05Imperative actions for dynamic DOMpnpm tutorial:dev j-05 --locale zh
  5. J-06Records and tablespnpm tutorial:dev j-06 --locale zh
  6. J-07Forms, async updates, and dialogspnpm tutorial:dev j-07 --locale zh
  7. J-08Mounting the assistant UIpnpm tutorial:dev j-08 --locale zh
  8. J-09Sensitive data and destructive actionspnpm tutorial:dev j-09 --locale zh
  9. J-10Connecting vanilla pages to the model gatewaypnpm tutorial:dev j-10 --locale zh
  10. J-11MPA and task continuitypnpm tutorial:dev j-11 --locale zh
  11. J-12Test and debug vanilla capabilitiespnpm tutorial:dev j-12 --locale zh
  12. J-13Add Pling to an existing jQuery apppnpm tutorial:dev j-13 --locale zh
  13. J-14Expose selected capabilities to external agentspnpm tutorial:dev j-14 --locale zh

Vue 2.7

Vue 2.7 指令、记录、助手入口与迁移边界。

  1. V2-02Vue 2.7 installation and first mountpnpm tutorial:dev v2-02 --locale zh
  2. V2-03Quick start: a complete Todo agent in Vue 2.7pnpm tutorial:dev v2-03 --locale zh
  3. V2-04Directive-based actions in Vue 2.7pnpm tutorial:dev v2-04 --locale zh
  4. V2-05Records and dialogs in Vue 2.7pnpm tutorial:dev v2-05 --locale zh
  5. V2-06Mounting the assistant dock in Vue 2.7pnpm tutorial:dev v2-06 --locale zh
  6. V2-07Testing and deploying a Vue 2.7 apppnpm tutorial:dev v2-07 --locale zh