一、安装vscode
VS Code微软开发源代码编辑器。
下载地址:
https://code.visualstudio.com/
二.安装Cline插件让VSCode秒变AI编程助手
在 vscode 左侧边栏【扩展按钮】-【搜索 cline】-【点击安装】。
配置Cline
点左侧Cline图标,按图执行6步,重点是2、3、4步按图设置
1、点击右上角设置
2、选择模型提供商:这里选择可以Deepseek,可以选如Openai,Ollama等。
3、配置 API Key:
前往DeepSeek注册账号并获取 API Key,把API key粘贴到3中
4、配置模型:选择对应的模型和版本,这个不能选错。
5、模型特征:勾选 是否支持识图、是否支持本机电脑的操作、支持提示缓存。
6、自定义指令:强制执行编码风格和最佳实践,确保 Cline 始终遵守您团队的编码约定、命名约定和最佳实践。
三、使用 Cline
那么Cline 能为我们做什么呢:
- 在项目中编辑和创建文件,修改现有代码、跨文件搜索和替换
- 运行终端命令,启动开发服务器、安装依赖项
- 搜索并分析您的代码,查找并修复错误、重构代码、添加文档、浏览器集成
- 帮助调试和修复问题
- 自动执行重复任务
- 与外部工具集成,截取屏幕截图、检查控制台日志
- 支持对话式代码编辑
四、实战案例
写一个扫雷的微信小程序
Cline会自动创建目录结构,创建代码,可以使用微信开发工具看效果。