# AI编程——Vibe Coding

## 课程目标

​    本课程旨在帮助技术与非技术业务人员理解Vibe Coding的核心概念，掌握利用AI工具进行代码生成和应用的基本技能，从而能够将想法快速转化为实际可用的工具或原型，提升工作效率和创新能力。

手把手教会学员用对话完成开发：

    -   从excel表中读取数据，用AI生成word包含图表的分析报告。

    -   做一个两个文本文件差异比较的exe程序。

    -   构建一个交互式信息化应用平台\--固定资产管理系统（数据库、前端、后端）。

    -   开发微信小程序，实现用户需求登记。

    -   开发移动App程序（flutter框架）。

## 教学特点
    - 案例式教学：围绕实际办公场景案例展开教学，让学员在实践中学习。
    - 案例驱动： 围绕实际办公场景案例展开教学，让学员在实践中学习。
    - 互动式教学： 鼓励学员提问、讨论，并分享实践经验。
    - 手把手指导： 针对非技术人员特点，提供详细的操作步骤和即时帮助。
    - 可视化辅助： 结合图表、流程图等视觉元素，帮助学员理解抽象概念。

## 课前准备

    - 按https://ai-coding-install.2spread.com/要求，完成必须的软件安装。
    - 每个人根据自己的业务场景，至少设计一个编程开发的应用场景。课程中，将进行小组讨论，选出一个场景完成设计与路演，并评比出最优方案。



## 第一模块：破冰与课程介绍

    -   什么是Vibe Coding？为什么非技术人员需要了解它？

    -   Vibe Coding与传统编程的区别

    -   Vibe Coding在AI编程上的特点

        - 课程目标、内容概览及学习方法

    -   **实操案例1**：用一句话做一个俄罗斯方块的游戏。

        -   体验vibe coding的强大功能
    
        -   如何与大语言模型对话

    -   AI如何辅助编程：从代码生成到调试优化

    -   ai编程的5个等级

    -   ai编程的一般开发过程

    -   自然语言与代码的桥梁：Prompt Engineering基础

    -   Vibe Coding的优势与局限性

    -   **实操案例2**：开发一个公司官网

        -   Html基本知识
    
        -   如何调整一次生成中的不足，用持续对话来实现目标。

    -   介绍Qoder：一款专为Vibe Coding设计的AI辅助编程工具

    -   Augment、Claulde code、Trae、cursor、windsurf、通义灵码比较

    -   Qoder的安装与基本配置

    -   界面导览与基础操作：如何通过自然语言与Qoder交互



## 第二模块：动手实践--桌面应用

    -   **实操案例3**：做一个文件比较器\--截屏复制一个软件

        -   .net的C\#语言基础。

        -   生成与运行exe的方法。

        -   让Ai自动生成代码说明文档

    -   **实操案例4**：生成AI智能分析程序，从多份不同格式的文件（pdf、word）中读取简历数据，并生成一份excel汇总表格。

        -   用AI编程，去调用Ai大语言模型的API去理解文档的内容

        -   Excel汇总表的处理



## 第三模块：动手实践--数据处理

    -   **实操案例5**：用Python脚本，从excel表中读取数据，生成word分析报告

    -   Pip安装包，引用包。

    -   虚环境的安装。

    -   对于生成中的问题，交给Ai自己去解决。

    -   **实操案例6**：用C\#语言，从excel表中读取数据，生成word分析报告（包含表格和图表）。

    -   net的NuGet包管理器。

    -   生成中产生的错误的调试。



## 第四模块：动手实践--信息化平台

    -   **实操案例7**： 用next.js框架，构建一个交互式信息化应用前端网站。用springboot构建一个后端服务，底层用mysql做数据库。

        -   Node.js语法简介

        -   Npm包管理器使用

        -   运行与布署网站的方法

        -   Mysql数据库布署

        -   Java springboot

        -   管理后台的搭建

    -   **实操案例8**：自己来搭建一套mysql数据库，java的springbot后台服务，next.js前端网站：固定资产管理系统

        -   练习自己编写提示词

        -   练习完整的把系统搭出来

    -   **实操案例9**：开发一套固定资产管理系统，有mysql数据库，java后台，web前端。

        -   使用quest模式，让AI来编写开发设计文档

        -   熟悉信息化系统（固定资产管理系统）常用功能要素。



## 第五模块：动手实践--爬虫与自动填表

    -   **实操案例10**：开发一个爬取数据，并将数据保存到excel表中

        -   使用playwright自动化技术

        -   爬虫技术

        -   自动化登录

    -   **实操案例11**：用脚本语言，在web上自动填表与提交，实现工作流程自动化。
    
        -   使用playwright进行填表与提交
    
        -   Web数据元素处理
    
    -   **实操案例12**：开发一个桌面程序，在web上自动填表与提交，实现客户信息登记工作流程自动化。
    
        -   使用playwright进行填表与提交
    
        -   填表元素处理



## 第六模块：动手实践--手机端开发

    -   **实操案例13**：开发一个用户登记的微信小程序，并且有一个管理后台，数据保存到数据库中。

        -   微信小程序的系统架构
    
        -   微信小程序的开发流程

    -   **实操案例14**：用Flutter开发android、ios程序，实现固定资产管理App。

        -   Flutter的开发流程
    
        -   Flutter的打包流程



## 第七模块：分组实战、路演与大赛

    -   **分组与选题**：课题均围绕博洛尼家居真实业务场景设计，覆盖门店销售提效、定制设计辅助、订单流程优化、客户运营数据分析、安装交付管理、供应链预警等多个方向

    -   **项目开发与交付**：业务需求梳理与方案设计，依托指定AI搭建平台开展实操落地，按照设计方案逐步完成功能搭建、参数调试、场景适配、功能测试等工作，不断优化应用体验，修复运行问题，保障应用可稳定演示运行

    -   **公开成果展示**：各小组依次上台，选派专属代表完成项目公开演示与成果讲解，完整呈现项目落地成果与业务价值

    -   **点评与复盘**：完成所有小组展示后，开展跨组互评、讲师专业点评，全方位梳理各项目的亮点、不足与优化空间

    -   **综合评比与荣誉表彰**：结合多维度评分结果，统计各小组最终得分，评选优质实战项目与优胜小组，完成现场表彰

    -   **课程总结与行动建议**
