本文摘自华为开发者空间案例中心案例《自主编程之Cline×DeepSeek的智能融合探索》

一、概述

1. 案例介绍

在数字时代,编程助手已成为开发者们不可或缺的得力助手。今天,我们将带你走进一个全新的世界——在华为开发者空间的云主机中,利用VSCode编辑器与Cline插件,结合华为云MaaS提供的免费DeepSeek Tokens,搭建一个专属的自主编程助手。

想象一下,在云端的主机中,你的VSCode编辑器仿佛被赋予了魔法,通过安装Cline插件,它变得能够与你进行智能对话。而DeepSeek Tokens,就像是这魔法背后的神秘力量,为你提供强大的语言模型支持。无论是代码补全、语法检查,还是编程建议,这个自主编程助手都能轻松应对,让你的编程之旅变得更加顺畅和高效。

华为开发者空间,是为全球开发者打造的专属开发者空间,致力于为每位开发者提供一台云主机、一套开发工具和云上存储空间,汇聚昇腾、鸿蒙、鲲鹏、GaussDB、欧拉等华为各项根技术的开发工具资源,并提供配套案例指导开发者 从开发编码到应用调测,基于华为根技术生态高效便捷的知识学习、技术体验、应用创新。

2. 适用对象

  • 企业
  • 个人开发者
  • 高校学生

3. 案例时间

本案例总时长预计40分钟。

4. 案例流程

5d27e0ffd1551380f95a77dce64ee711.png

说明:

  1. 免费领取DeepSeek R1满血版;
  2. 安装VSCode;
  3. 安装并配置Cline插件;
  4. 自主编程体验。

5. 资源总览

本案例预计花费总计0元。

资源名称 规格 单价(元) 时长(分钟)
云主机 ARM| 4 vCPUs 8GB | Ubuntu 24.04 Server 定制版 免费 40

二、构建自主编程能力并体验

1. 开发者空间配置

面向广大开发者群体,华为开发者空间提供一个随时访问的“开发桌面云主机”、丰富的“预配置工具集合”和灵活使用的“场景化资源池”,开发者开箱即用,快速体验华为根技术和资源。

如果还没有领取开发者空间云主机,可以参考免费领取云主机文档领取。

领取云主机后可以直接进入华为开发者空间工作台界面,点击打开云主机 > 进入桌面连接云主机。

a1aae6ff53aac98855ef597dd6899967.png

552fc96c3b58a06e294e4a760ae719e3.PNG

2. 免费领取DeepSeek R1满血版

华为云提供了单模型200万免费Tokens,包含DeepSeek-R1&V3满血版,我们可以登录华为云ModelArts Studio(MaaS)控制台领取免费额度,这里我们选择DeepSeek-R1满血版。

在云主机桌面底部菜单栏,点击打开火狐浏览器。用火狐浏览器访问ModelArts Studio首页:https://www.huaweicloud.com/product/modelarts/studio.html,点击ModelArts Studio控制台跳转到登录界面,按照登录界面提示登录,即可进入ModelArts Studio控制台。

33267323a863c10f3b6d3687e461e603.png

签署免责声明,点击确定

8f5d3f6de75dce555784250f94567b14.png

进入ModelArts Studio控制台首页,区域选择西南-贵阳一,在左侧菜单栏,选择在线推理 > 预置服务 > 免费服务,选择DeepSeek-R1-32K模型,点击领取额度,领取200万免费token。

15901ab709d46a26ced7c5081d32576d.png

领取后点击调用说明,可以获取到对应的API地址模型名称

6685458e23f902163cd6f4b66e70d051.png

点击API Key管理-创建API Key,自定义标签和描述,点击确定创建API Key。(注意保存好API Key)。

0d19b1ab8ea45789acc9f99679169988.png

到这里华为云MaaS提供的免费DeepSeek Tokens就领取完成啦,记录对应的API地址模型名称API Key留作下面步骤使用。

3. 安装VSCode

华为开发者空间云主机桌面,右键点击Open Terminal Here打开Terminal Emulator窗口。

d961947dde8c09d8dae193d3a59a0bb8.png

Terminal Emulator窗口,可以通过以下命令行下载.deb安装Visual Studio Code:

sudo wget -O code.deb https://vscode.download.prss.microsoft.com/dbazure/download/stable/e54c774e0add60467559eb0d1e229c6452cf8447/code_1.97.2-1739406006_arm64.deb

使用此命令安装会将 VSCode 的 .deb 包下载到当前目录,并命名为 code.deb。

042e62b4c96c07313ecfe3600d11ccc7.png

下载完成后,使用 dpkg 命令来安装下载好的 .deb 包:

sudo dpkg -i code.deb

3dda5665bbc1937b12ad6e97e7ba0c54.png

若在安装过程中遇到依赖问题,可使用以下命令修复依赖:

sudo apt-get install -f

安装完成后,执行以下命令打开VSCode:

code

6aca64091f332e124859c2510fceee45.png

至此,VSCode已经安装成功。

4. 安装并配置Cline插件

Cline是一个开源的 VSCODE插件,能够与 DeepSeek 等 AI 模型无缝集成,提供智能代码编辑功能,并可以在您的 IDE 中运行的自主编程助手,经您许可后可以创建/编辑文件、运行命令、使用浏览器等功能。

在VSCode插件市场搜索并安装Cline。(* 推荐安装Cline英文版)

bccc34cabcfe275567e9231fa1a15aa5.png

选择Trust Publisher & Install继续安装。

59cfe3e1166556378a73eb1a489f4ca9.png

打开Cline插件,选择**“Use your own API Key”**,插件配置MaaS提供的DeepSeek API信息。(* 为了清楚展示配置和使用,下面截图使用的是Cline中文版截图,个人实际操作推荐优先选用Cline英文版)

646cb6632a2e5a0ec2829278ebeb790f.png

配置项 内容
API供应商 OpenAI Compatible
基础URL 2.1步骤中获取到的API地址并删除末尾/chat/completions
API 密钥 2.1步骤中获取到的API Key
模型ID 2.1步骤中获取到的模型名称
其他 保持默认

设置自动批准Cline享有读取文件和目录、编辑文件、使用浏览器、使用MCP服务权限,并调整其最大请求数为50,启用通知。注意不勾选执行安全命令

8adda3ca452afa024473b62eea94cb79.png

(可选步骤)如果想要将VSCode的显示语言修改为中文简体,可以安装Chinese插件。安装完选择Change Language and Restart重启即可。

0e8985dc36e75aef514b4bea40353cc0.png

到这里VSCode+Cline+DeepSeek环境均已搭建完成,接下来我们开始体验自主编程能力。

5. 自主编程体验

在云主机桌面新建文件夹相当于一个新的工程,文件夹命名game

d355a53558ee37f6f65ccca450dbf73d.png

使用VSCode打开该文件夹。如果右下角看不到打开按钮,可以全屏窗口。

439a021c22bc149c3506263f391b7af4.png

我们以生成贪吃蛇游戏为例体验自主编程能力,如输入指令:开发一个简单的HTML贪吃蛇小游戏,完成后直接打开html

Cline两种处理模式
Plan,在Plan模式中,Cline将收集信息来制定计划;
Act,在Act模式下,Cline会立即完成任务。
此处我们选用默认的Act模型,直接让其帮我们在项目路径下进行编程开发。

086f8fc8a9a7d5f6bdff2bdd079bda8e.png

过程中可以看到,Cline在自己创建html、css、js文件,然后自己写代码。在这个过程里,程序员只需看着屏幕,监督AI干活儿就行了。厉害之处在于,比如某个步骤失败了,它会自己反思再重来。

4d932a737fb0c03e750f8747b5677198.png

如果提示运行html文件,如Cline想要执行xdg-open index.html命令,点击Run Command即可打开体验小游戏。也可以在game文件夹下,双击index.html文件打开体验。

6f21af94ad943f8827ee334c53f7661b.png

效果如下。注意:每次生成效果不会完全一样,我们也可以添加更多描述完善游戏,以下效果仅供参考。

32e53d8b3aa372559eaf3bbd40fd118b.png

如果对当前效果满意可以直接点击Cancel取消继续优化开发。

7eb8087f7085fbe853b1e4648b168d3c.png

该示例一般耗时约10分钟,提示Task Complated任务完成,证明编程完成。

7e14841658f7b0d8d158728d4dfea259.png

注意:案例中效果仅供参考,每次生成效果不会完全一样,可以添加更多描述完善游戏。

我们也可通过自主编程做更复杂的游戏或其他开发,如开发一个斗地主游戏。

f04dac9cad8245af8a7bfd8a169ebc05.png

越复杂的编程要求其开发、验证、修正和优化重复次数也会越多,耗时也越久。

至此一个VSCode+Cline+DeepSeek的编程助手体验案例就完成了,大家可以继续探索自动编程能力可以做其他哪些有趣事情。

关注“华为云开发者联盟”,了解更多技术动态。

更多开发者空间技术干货与活动请关注:开发者空间官网 、 开发者空间案例中心

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐