轻量化进度管控利器，码道 + AI Shell打造纯前端拖拽任务看板上线部署

本案例由开发者：武汉大学-华为云高校公开课实战团队提供，华为开发者空间案例中心优化并收录。

该案例基于 AI 生成搭建，每次生成的项目效果略有不同，如需完整体验该案例可在纯前端拖拽任务看板源码处下载并体验。

案例介绍

• 市场潜力：2026 年全球待办与个人效率工具市场规模近百亿美元，个人轻量化管理细分赛道保持年均 10% 以上稳定增速。
• 用户习惯：超 7 成学生与职场年轻人反感复杂软件配置，偏好开箱即用、无需注册登录、数据留存本地的纯前端工具，拖拽式交互接受度极高。
• 场景拓展：从职场项目迭代、日常工作待办，延伸至学生课程规划、小组作业统筹、自媒体内容排期、个人副业进度管理，轻量化看板适用场景持续拓宽。

依托华为云码道（CodeArts）代码智能体和通过华为云AI Shell快速生成与部署 Vue3 + Vite + localStorage 搭建纯前端任务管理看板，支持新建任务卡片，自定义标题、描述与分类；通过拖拽自由切换任务状态，搭配分类标签快速筛选；全部操作自动存储至 localStorage，页面刷新数据不会丢失，同时部署至华为云服务器进行上线。

案例技术选型：

• 华为云码道（CodeArts）代码智能体是基于智能生成、智能问答两大核心能力构建起一套全方位、多层次的智能开发体系。在智能生成方面，它能够依据开发者输入的需求描述，准确且高效地生成高质量代码；智能问答功能则如同开发者身边的专属技术顾问。
• 华为云AI Shell：智能 AI 命令行工具，以自然语言驱动终端操作，无需熟记复杂指令，大幅降低使用门槛，一站式完成华为云资源查询、操作、运维工作，让终端操作更高效、更智能。让华为云更好用、更易用。
• Gitcode MCP Server是Gitcode推出的模型上下文协议(Model Context Protocol)服务实现，旨在通过标准化协议将AI助手深度集成到代码管理流程中。它允许开发者通过AI编程工具直接操作代码仓库资源，实现智能化开发协作。

说明：

1. 本地安装华为云码道（CodeArts）代码智能体。
2. 下载任务看板应用SKILL。
3. 通过码道开发任务看板应用。
4. 任务看板应用通过GirCodeMCP Server上传至GitCode代码仓。
5. 通过AI Shell拉取GitCode代码
6. 通过AI Shell部署看板应用至华为云服务器。