人工智能通识与伦理 课件 第7章 AI辅助编程

AI辅助编程——从“无代码创作”到“智能开发”人工智能应用·第7章AI辅助编程授课教师：计算机公共基础部什么是AI辅助编程？定义利用人工智能技术，通过自然语言描述需求，让AI帮你生成、补全、优化、调试代码。核心思想你负责描述问题和需求，AI负责生成具体的技术解决方案，大幅提升开发效率。你描述问题AI生成解决方案结果代码完成AI辅助编程能帮你做什么？生成代码用自然语言描述，AI直接写代码解释代码看不懂的代码，AI帮你讲调试修复代码报错，AI帮你改优化重构代码太乱，AI帮你整理添加注释自动给代码写注释总结：AI辅助编程不仅能提高开发效率，还能降低技术门槛，让开发者更专注于创意与逻辑实现。本课程学习目标体验用AI做网页游戏（无代码编程）搭建自己的专业开发环境（Python）安装AI编程助手（Continue/TRAE插件）思考：AI时代，人类的优势是什么？用AI插件完成Python编程任务第一部分：无代码编程——文科生也能做网页故事引入——小七的烦恼小七的角色与目标身份：英语老师，文科生任务：明天要给孩子们上课，学5个单词，想做一个网页小游戏帮助巩固困境：完全不懂编程……游戏需求思考题：如果你是小七，面对“教学创意”与“技术实现”的断层，你会怎么做？单词拼写检查显示随机单词，缺字母形式互动补全玩家补全缺失字母积分制记录玩家得分如何实现这个需求？什么是无代码编程？自然语言描述AI生成代码应用运行无代码编程(No-Code)通过自然语言、对话等方式创建软件应用，无需编写传统代码一句话总结：你只需要说出你想要什么，AI帮你写出代码。大部分AI辅助编程工具，都是无代码编程模式。那么究竟有哪些AI辅助编程工具呢？AI辅助编程分类IDE插件类（深度集成）代表工具：Continue,TRAE智能体平台类（可复用）代表工具：Coze智能体智能问答类（最易上手）代表工具：DeepSeek,文心一言,Coze编程核心价值：从简单的代码问答到深度的开发环境集成，AI工具正在重塑软件开发的工作流，提升效率与代码质量。教学案例1-DeepSeek生成单词拼写游戏可以进行网页编程的工具还有豆包、Coze编程等2.优化提示词3.生成代码输入优化后的提示词，点击发送，AI就会生成代码啦4.测试运行在代码编辑器中找到并点击运行按钮，点击“运行”，预览游戏效果5.迭代优化：提出修改建议（如“单词库自定义”、“增加计分板”），快速更新版本

请求DeepSeek优化提示词："请帮我优化上面的提示词，让它更清晰"1.需求描述

向DeepSeek描述游戏需求："需要设计一个英语单词拼写检查小游戏，5个单词，每次随机缺字母，玩家补全，积分制"代码的迭代优化根据需求编写初始代码，构建网页基本框架和功能模块。生成代码01在浏览器中预览网页效果，检查各功能是否正常运行，确保无错误和兼容性问题。运行并测试生成的网页02针对测试结果提出改进建议，如自定义单词库等，优化网页功能和用户体验。提出修改方案03根据修改方案调整代码，重新运行测试，验证改进效果，确保网页质量持续提升。迭代运行04保存代码以便离线使用或分享：点击”下载“，保存为HTML文件下载保存05让我们来看看，同学们的游戏究竟是怎样的吧！教学案例2——创建SVG动画SVG动画是指利用SVG（可缩放矢量图形）自身的特性来创建动态效果的技术。简单说，就是用代码让矢量图形动起来。三种SVG动画的比较

刘徽割圆术动画

提示词示例：请用SVG+CSS+JS实现一个刘徽割圆术动画：深色背景，中心圆半径200，依次动态绘制内接正六、十二、二十四、四十八、九十六边形，颜色分别为红、青、黄、浅绿、橙，每个绘制2秒，依次延迟2秒。右侧面板显示阶段和各阶段的π值

。顶部标题和引用文字。底部说明。动画平滑，数学正确，风格古典科技感。

什么是SVG动画？第二部分：专业开发环境搭建——VSCode+PythonPython开发环境介绍在线IDEPythonIDLEVSCode+PythonVSCode（微软）核心优势开源免费：无版权费用，社区驱动跨平台：Windows/Mac/Linux全支持插件丰富：海量扩展满足各类开发需求轻量高效：启动快，内存占用低优点无需安装，即开即用缺点功能有限适用场景快速验证、初学优点官方自带，简单缺点功能单一适用场景基础学习优点功能强大，专业缺点需要配置适用场景长期学习、项目开发Python安装步骤1.访问官方网站打开浏览器，输入/

进入官网2.下载安装包选择Downloads，下载对应操作系统（如Windows）的Python3.x稳定版，下载后双击安装3.关键勾选安装过程中，务必勾选“AddPython.exetoPATH”4.验证安装打开cmd命令行，输入python--version查看版本⚠️常见问题与解决问题：未勾选PATH环境变量现象：在命令行输入python提示“不是内部或外部命令”。解决方案：1.推荐：重新运行安装程序，勾选AddPythontoPATH。2.进阶：手动将Python安装目录添加到系统环境变量Path中。VSCode安装与Python扩展插件软件安装1、访问官网

/2、下载对应系统安装包（如：Windows）3、执行安装程序，一键完成扩展插件安装1、搜索安装“Chinese”语言包2、搜索安装微软官方“Python”插件3、重启VSCode生效解释器配置1、设置-->命令面板

或：快捷键Ctrl+Shift+P

2、输“Python:SelectInterpreter”3、选择已安装的Python版本关键提示：安装Python扩展是开发的核心步骤，确保本地已安装Python环境后再进行解释器配置。2、在打开的面板中输入并选择：“Python：SelectInterpreter”。3、在“选择解释器”窗口中，选择安装的Python解释器，即安装的Python版本。1、设置-->命令面板或者：Ctrl+Shift+pPython解释器的配置接下来，就可以愉快的编程啦！第一个Python程序新建文件打开VSCode，新建一个Python文件(.py)输入代码在编辑器中输入：print("Hello,Word!")运行程序点击右上角运行按钮或按下快捷键F5观察输出在下方终端看到"Hello,Word!"即成功Python程序编辑器和运行结果示意图接下来，可以给Python添加AI编程插件啦！第三部分：用AI辅助Python实践编程VSCode的AI辅助插件举例‌通义灵码（TongyiLingma）‌Continue‌Trae插件‌‌是否免费‌个人版完全免费插件免费，但调用API可能产生费用国内版完全免费，无需订阅或APIKey‌中文支持‌‌全面支持依赖所接入模型，需手动配置中文模型（如Qwen）‌全面支持，开箱即用‌AI功能层级‌行/函数级补全、错误修复、单元测试生成等支持多模型切换、支持本地模型运行补全、修复、自动生成，单元测试，还支持‌端到端项目生成‌（Builder模式）‌隐私与部署‌云端模型，阿里云提供服务支持‌在线/本地部署模型‌（如LMStudio）在线模型，内嵌多个免费大模型，由字节跳动提供服务‌适用场景‌日常编码提效、中文开发、阿里云项目高隐私要求项目、本地AI实验、多模型测试快速原型搭建、教学演示、全中文AI编程体验编程初学者，可以选择TRAE或通义灵码，Continu适合注重数据安全、希望离线运行、有进阶配置能力的用户AI插件1——TRAE插件简介TRAE（字节跳动出品）核心功能智能代码补全支持中文注释触发，精准理解开发意图，快速生成代码块。代码解释与重构自动解释复杂代码逻辑，提供优化建议，提升代码质量。错误修复建议实时检测代码错误，提供修复方案，减少调试时间。特色优势中文自然语言编程降低编程门槛，用中文直接写逻辑，上手极快。无需API配置开箱即用，免去繁琐的Token和密钥设置流程。国内直连响应快本地化部署优势，网络延迟低，交互体验流畅TRAE插件安装快速安装1、打开VSCode扩展市场2、搜索“TRAEAIAssistant”3、点击安装按钮，等待加载完成

需要登录TRAE账号，国内版，基本功能免费申请账号1、登录网址：/，点击“登录”2、绑定手机号即可注册3、VSCode中，点击“个人用户“，用申请的账号登录TRAE，即可使用可以选择大模型教学演示1复制插入光标处添加至新文件1、在TRAE窗口直接输入编程需求，TRAE自动生成代码2、通过三种方法，将代码输到编辑窗口，既可调试运行代码。TRAE在生成代码同时，会对代码进行说明，对初学者非常友好实现一个函数，判断一个数是否为素数教学演示2—代码编辑窗口直接生成代码1、输入中文注释，说明程序的功能要求2、按回车确认，TRAE自动生成代码，按Tab键接受代码，或按Esc键取消代码生成3、继续写功能要求注释4、最终完成代码AI插件2——Continue插件简介Continue（Continue.dev）：开源、灵活的AI编程助手核心功能Chat对话快捷键Ctrl+L快速唤出，即时问答Edit编辑快捷键Ctrl+I选中代码，指令式修改代码补全智能预测上下文，自动生成代码片段调试修复分析报错信息，提供一键修复建议特色优势开源免费完全开源，无商业使用限制灵活配置模型支持DeepSeek等多种大模型切换对话式交互自然语言沟通，理解复杂需求Continue安装与配置（在线大模型）Step1：安装Continue扩展打开VSCode扩展市场，搜索“Continue”，来源为continue.dev，并点击安装。Step2：配置DeepSeek

在线大模型(关键步骤)01.注册平台：访问Deepseek的API开放平台，完成注册02.获取密钥：在个人中心生成并复制APIKey03.打开面板：点击VSCode左侧边栏的Continue图标04.添加模型：点击“AddChatmodel”按钮05.选择类型：Provider下拉框选择“DeepSeek”06.填写信息：粘贴APIKey，Model选择deepseek-chat重要提示：APIKey是您访问大模型服务的凭证，请妥善保管，切勿分享给他人。ContinueContinue配置2（本地离线大模型）Step1：开启本地大模型服务打开LMStudo，在“开发者”界面，选择一个已安装的大模型，将服务状态Status设为Running，即可开启服务1、点击“开发者”2、选择大模型3、开启服务大模型名字和本地服务地址Continue配置本地离线大模型Step2：配置本地大模型(关键步骤)01.打开面板：点击VSCode左侧边栏的Continue图标02.添加模型：点击“AddChatmodel”按钮03.选择类型：Provider下拉框选择“LMStudio”04.链接模型：点击“Connect”，连接模型05.配置文件设置：name可以自己命名，model和apiBase，从自动检测（Autodetect）改成来自LMStudio中模型和本地服务地址。Continue插件的使用案例1对话模式生成程序代码：1、在Continue的Chat窗口中，输入指令：“实现一个函数，判断一个数是否为素数”，按回车确认，或这点击发送按钮2、通过三种方法，将代码输到编辑窗口，既可调试运行代码。插入代码复制代码创建新文件Continue插件（1.0.13版）的使用案例21、选择代码；2、弹出右键菜单，选择Continue，选择AddHighlightedCodetoContext，代码加入Continue对话框；3、输入命令，比如“请分析代码”，Continue就开始工作。新版（1.2.22版）右键菜单旧版（1.0.13版）右键菜单项Continue版本切换方法：1、扩展

已安装Continue2、卸载

安装特定版本…TRAEvsContinue功能对比功能维度TRAEContinue代码生成代码补全代码解释智能修复注释生成单元测试生成批量修改“没有最好的工具，只有最合适的工具”自定义模型怎么选择AI插件？场景需求推荐工具核心优势/理由快速写一段代码TRAE中文注释触发，最便捷，无需复杂配置不想配置APIKeyTRAE开箱即用，无需注册，零门槛上手想使用特定模型Continue灵活配置多种模型，支持本地化部署与自定义代码调试修复两者皆可各有优劣，可结合使用，互补短板最佳实践：TRAE负责日常编码补全，Continue实现模型的本地化和多样化，双剑合璧，效率最高。核心原则：善用AI工具提升效率，但必须坚守技术底线与伦理规范，保持独立思考与人工校验。【AI伦理小课堂】AI依赖症与人类价值

讨论问题如果过度依赖AI，我们会失去什么？AI时代的核心能力是什么？AI擅长人类擅长重复性编码创造力语法纠错批判性思维代码生成情感与共情快速原型决策与责任”AI是副驾驶，你才是机长“课程总结三课时核心回顾第1课：AI无代码编程——用自然语言做网页第2课：VSCode+Python编辑环境的搭建第3课：AI辅助Python编程实战AI辅助编程黄金原则AI是助手，不是替代者验证！验证！再验证！保持批判性思维守护人类核心能力：创造、思考、共情、决策未来已来