Task2 认识AI IDE 工具
- 本地开发环境搭建
- IDE与AI IDE
- ai沟通技巧
一、IDE 与 AI IDE
IDE (Integrated Development Environment)的核心价值在于集成。它将软件开发所需的各种工具（编辑器、编译器、调试器、文件管理器等）整合到一个统一的图形界面中，旨在最大化开发者的生产力，减少在不同工具间切换的时间成本，提供一站式的工作体验。VS Code 就是一种最流行的 IDE。 虽然它本质上是一个轻量级的代码编辑器，但通过强大的插件系统，它具备了 IDE 的所有核心功能（代码编辑、调试、版本控制等），因此被广泛视为现代前端和全栈开发的首选 IDE。
能运行代码的必要元素：编辑器 + 插件 + 环境
比如：VS Code+python插件+电脑上安装python解释器， 插件起到一个中介的作用
现代IDE通常包含功能：
源代码编辑器：语法高亮、自动补全。
构建与运行工具：内置编译器/解释器。
调试器：断点调试、变量查看。
工具：内置git等工具，还有各种插件（vs code）
IDE相当于一个工具箱，AI IDE中则内置LLM，帮助你进行编码、修改文件等工作。
典型的 AI IDE 一般具备以下核心能力：
智能代码生成与补全
代码理解与问答
代码重构与优化
自动生成测试：IDE 可以自动生成针对不同函数和模块的测试代码，方便你进行有针对性的测试。
Agent 式任务执行：智能 Agent 可以自动生成、打包、安装、运行和修改代码，在很多任务上可以部分替代初级软件工程师的工作。
流行的AI IDE 工具：
二、基于Trae的AI IDE本地实战
补充知识：React（现代前端框架）
好像是：React是JavaScript编写的库（library，提供工具函数，按需使用），过去开发前端需要手动合作html、css、JavaScript，现在用React库的话主要用JavaScript就可以。
补充知识：Coding Plan
三、沟通技巧：高效与ai对话
说清楚需求。比如描述目标/目的、大概需要哪几块内容（vibe）、告诉ai你的水平和限制、希望什么样的结果/输出 etc.
逐步迭代优化：至少目前来说，直接给ai一个极其复杂的要求往往结果不太好或新手不友好，可以像人类工程师一样，先做出简化原型，再迭代优化。
对多模态LLM，可以用截图代替/补充不准确的口头描述
找个样本给ai参考：比如让ai做个类似某某网站的网页