Vscode宝藏插件Cline，AI编程实测～

原创于 2025-11-26 11:24:37 发布 · 439 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#vscode #AI编程 #ide

前几天我测试在Cline中测试新出来的MiniMax M2模型，来制作图表和搭建可视化看板，既用了matplotlib，还用到HTML+CSS前端技术，效果有点超乎意料，做起来也很简单。

Cline是一款VsCode上的AI编程插件，功能类似于Cursor、Claude Code，能支持连接DeepSeek、ChatGPT、Gemini等各类大模型，还可以部署MCP服务，算是功能齐全、最受欢迎的AI编程工具之一。

首先咱们需要在VsCode中安装Cline插件，它是安装即用的。

接下来要配置大模型参数，这次是用的MiniMax M2，你需要先申请MiniMax API key，然后配置到Cline中，按照下图操作就能搞定。

配置好后，在Cline对话界面显示出M2模型就代表成功了，如果不放心，最好是问候它一句，有回应就可以正式使用M2。

测试一：绘制复杂matplotlib图表

python可视化绘图是最常见的编程场景，咱们让Cline用matplotlib绘制真实商业数据图表，要求是准确、清晰。

首先提供一张车型销量的Excel表导入Cline，大概有近500行，5个字段。

prompt如下：

附件是2025年9月电动汽车销量排行榜，里面包含排名、车型、销量、厂商、售价等5个字段，你的任务如下：
1.理解这份数据，若有不清楚的可以和我确认
2.根据这份数据使用python matplotlib进行可视化展示，在一个画布上绘制4个子图。
  2.1 子图1展示销量前10名的车型
  2.2 子图2展示销量前10名的厂商
  2.3子图3展示价格区间1-10万，10-20万，20-30万，30-40万，40万以上销量的分布
  2.4子图4展示各个厂商的车型数，选前10名显示既可
你需要注意以下几点：
1、不同可视化需求选择合适的图表形式
2、保证图表的美观、简洁、易读
3、你要保证代码是可执行的

Cline会先读取Excel数据，然后给出todo清单，并编写代码。

结果展示如下，M2准确理解了我的需求，并处理数据绘制出带有4张子图的可视化图表，数据完全准确，展示形式也很清晰、直观。

测试二：编写一个监测车型价格和热度的web应用

简单的编程场景无法代表真实生产的需求，所以咱们让Cline去编写一个在工作中常用到的web应用，来监测车型价格和热度数据，支持用户交互。

数据集还是选择之前用的汽车销量数据，prompt如下：

附件是2025年9月电动汽车销量排行榜，里面包含排名、车型、销量、厂商、售价等5个字段，你的任务如下：
1.理解这份数据，若有不清楚的可以和我确认
2.根据这份数据开发一个现代化web看板，应用场景是电动车价格和热度监测。
3、使用前端html+js+css作为技术栈，
4、看板功能如下
  4.1 展示目前热度（销量）前20的车型
  4.2 展示目前热度（销量）前10的厂商
  4.3 能根据价格区间、厂商、热度（销量）字段选择车型
你需要注意以下几点：
1、UI现代化、布局合理、清晰美观
2、交互友好，方便用户查询、点击
3、你要保证代码是可执行的

M2照例先出todo清单，列出开发web应用的流程和事项。