当前位置: 首页 > news >正文

华为云Flexus+DeepSeek征文 | 掌握高效开发:利用华为云ModelArts Studio在VS Code中配置Cline AI编程助手

华为云Flexus+DeepSeek征文 | 掌握高效开发:利用华为云ModelArts Studio在VS Code中配置Cline AI编程助手

  • 引言
  • 一、ModelArts Studio平台介绍
    • 华为云ModelArts Studio简介
    • ModelArts Studio主要特点
  • 二、Cline介绍
    • Cline介绍
    • Cline主要特点
  • 三、开通DeepSeek-R1-0528商用服务
    • 访问ModelArts Studio控制台
    • 开通DeepSeek-R1-0528服务
    • 生成API Key
    • 复制及保存OpenAI SDK信息
    • 开通其它商用服务
  • 四、安装Cline插件
    • 启动本地VS Code环境
    • 安装Cline插件
    • 打开cline
    • API设置步骤
  • 五、Cline AI编程助手使用体验
    • Plan Mode和Act Mode介绍
    • 创建项目文件夹
    • 使用Plan Mode规划项目结构
    • 使用Act Mode实际生成代码
    • 查看网站效果
  • 六、总结

引言


在数字化浪潮奔涌向前的当下,开发效率与代码质量成为开发者的核心竞争力。华为云Flexus携手DeepSeek带来的创新技术,为开发领域注入新活力。本文将聚焦如何借助华为云ModelArts Studio,在VS Code中精准配置Cline AI编程助手,助力开发者解锁高效开发新体验。


一、ModelArts Studio平台介绍

华为云ModelArts Studio简介

华为云ModelArts Studio是基于ModelArts构建的一站式大模型即服务平台(MaaS),深度整合昇腾算力资源与全链路开发工具,为开发者提供从数据准备、模型训练微调、提示词工程到应用部署的全流程解决方案。平台不仅预置主流开源大模型,还具备海量数据智能预处理、自动化标注、分布式训练及模型自动生成能力,全面覆盖AI模型全生命周期管理。无论是深耕算法的工程师、AI领域初学者,还是寻求智能化转型的企业,都能依托ModelArts Studio的高效开发能力,快速实现AI应用的高质量落地与规模化部署。

  • 华为云ModelArts Studio平台地址:https://www.huaweicloud.com/product/modelarts/studio.html

在这里插入图片描述

ModelArts Studio主要特点

  • 模型全、免配置、免调优、性能优 :业界 SOTA 大模型覆盖度高达 99%,内置最优超参配置,结合昇腾算子优化与显存管理,显著提升训练与推理性能。

  • 开箱即用,一站式模型开发服务 :提供模型调优、压缩、部署、评测等全栈工具,功能覆盖大模型全生命周期,用户无需搭建即可直接使用。

  • 资源一站式按需开通,建设周期短 :计算资源可分钟级获取,支持按需计费、弹性扩缩容,并具备断点续训与故障快速恢复能力。

  • 多服务组合竞争力,一站式应用能力集成 :支持 MCP Server、LangChain、RAG、Agent、Guard、九问等组件即插即用,灵活构建复杂 AI 应用场景。

  • 兼容性强,适配主流框架与自定义需求 :全面支持 TensorFlow、PyTorch、MindSpore 等主流 AI 框架,同时支持用户自研算法框架接入。

二、Cline介绍

Cline介绍

Cline 是一个自主编码代理,直接集成于你的集成开发环境(IDE)中。它旨在通过自动化代码编写和编辑任务来提高开发者的工作效率。使用 Cline,你可以让其执行各种操作,如创建或编辑文件、运行命令、利用浏览器进行信息检索等。在每个步骤执行之前,Cline 都会请求用户的许可,确保用户对哪些操作被执行有完全的控制权。

Cline主要特点

  1. 文件操作:Cline 能够根据需要自动创建新文件或编辑现有文件,简化了日常开发中的重复性工作。

  2. 命令执行:无论是简单的脚本还是复杂的构建过程,Cline 都可以按照你的指示执行相应的命令,节省手动输入的时间。

  3. 浏览器集成:通过集成浏览器功能,Cline 可以帮助开发者搜索代码片段、查找解决方案或获取最新的文档资料,无需离开IDE。

  4. 权限控制:在每一个涉及外部资源访问或重要操作的步骤前,Cline 都会请求用户的明确同意,确保所有动作都是透明且受控的。

  5. 智能建议与修正:基于上下文感知,Cline 提供代码补全、错误检查以及修复建议,帮助提升代码质量并减少潜在的bug。

  6. 多语言支持:无论是Python、JavaScript、Java还是其他编程语言,Cline 都能够提供支持,使其成为一种多功能工具,适用于不同的开发场景。

  7. 跨平台兼容性:无论你是使用Windows、macOS还是Linux系统,Cline都能无缝集成到你常用的IDE中,为不同操作系统下的开发者提供一致的用户体验。

三、开通DeepSeek-R1-0528商用服务

访问ModelArts Studio控制台

我们登录华为云官网后,在ModelArts Studio介绍页中(官网地址:https://www.huaweicloud.com/product/modelarts/studio.html),我们点击“ModelArts Studio控制台”后,即可进入ModelArts Studio控制台页面。

在这里插入图片描述

在这里插入图片描述

开通DeepSeek-R1-0528服务

DeepSeek-R1-0528 是 DeepSeek 最新推出的大语言模型版本,专为提升复杂代码生成数学推理能力而设计。该模型在训练数据和算法架构上进行了深度优化,显著提升了以下方面的能力:

  • 逻辑推理准确性
  • 程序生成效率
  • 数学问题求解能力

适用于如自动化编程、科研辅助、金融建模、数据分析等对精度与性能要求极高的高端应用场景,是开发者与研究人员的理想选择。


在ModelArts Studio控制台的左侧菜单栏中,我们选择模型推理——在线推理,选择商务服务DeepSeek-R1-0528,点击“开通服务”。

在这里插入图片描述

备注:

服务类型描述注意事项
免费服务适合用于体验模型,受严格的速率限制。平台可能会不定时调整其适用模型、免费额度、有效期等内容。
- 单个模型提供200万token推理额度。额度消耗完后可选择开通商用级别的推理API服务或部署为付费服务使用。
商用服务提供商用级别的推理API服务。开通后可获取付费API服务(仅限贵阳一)。
- 用户可以前往费用中心查看模型服务的优惠折扣发放和使用情况。可以前往“我的服务”部署为个人服务后付费使用。

点击“开通服务”后,我们勾选同意协议,确认“立即开通”。

在这里插入图片描述

生成API Key

进入API Key管理页面。可以选择“创建API Key”,注意保存此API Key,建议保存在本地以便后续使用。

在这里插入图片描述

复制及保存OpenAI SDK信息

我们可以查看DeepSeek-R1-0528的使用说明,只需要点击“调用说明”选项。

在这里插入图片描述

调用说明会详细的在此页面显示,我们将DeepSeek-R1-0528服务的OpenAI SDK相关信息复制,与API Key一起保存在本地文件笔记中。

在这里插入图片描述

开通其它商用服务

我们也可以开通DeepSeek-V3-32KDeepSeek-R1-32K商用服务,直接像上述步骤一样,点击“立即开通”就可以了。

在这里插入图片描述

四、安装Cline插件

启动本地VS Code环境

在本地 Windows 环境中,打开已安装的 Visual Studio Code(VS Code)软件。如尚未安装,可前往其官方网站 https://code.visualstudio.com/ 下载适用于你操作系统的安装包。

在这里插入图片描述

安装Cline插件

在 Visual Studio Code 的扩展商店中搜索 “Cline”,找到插件后点击安装即可完成配置。确保网络畅通以获取插件最新版本并顺利完成安装。

在这里插入图片描述

打开cline

在 VS Code 左侧活动栏中,找到已安装的 Cline 图标并点击进入,即可打开 Cline 对话界面,开始与其交互。

在这里插入图片描述

API设置步骤

  • 点击上方的“小齿轮”图标,进入Cline系统设置界面。

在这里插入图片描述

在系统设置中,AI相关配置项可参考如下:

  • API供应商: OpenAI Compatible
  • URL地址:https://api.modelarts-maas.com/v1
  • API Key:华为云Mass创建的API Key
  • Model ID:deepseek-r1-250528
  • 其余配置默认,点击“save”保存配置。

在这里插入图片描述

在这里插入图片描述

五、Cline AI编程助手使用体验

Plan Mode和Act Mode介绍

🧠 CLine 插件工作模式对比

模式名称英文名核心功能描述使用场景示例
规划模式Plan Mode允许用户详细描述代码修改的目标与计划,不立即编写实际代码。在开发前明确需求、设计功能模块、制定实现步骤等。
执行模式Act Mode根据 Plan Mode 中的计划自动生成或辅助生成实际代码,推动计划落地实现。实际编码阶段,快速将想法转化为可运行的代码或文件。

🔍 详细说明:

  • 🔹 Plan Mode(规划模式)

    • 用户在此模式下专注于“想做什么”。
    • 可以逐步细化需求、梳理逻辑结构、制定修改方案。
    • PS:

      “我需要为网站添加一个响应式导航栏,并在移动端隐藏菜单按钮。”

  • 🔹 Act Mode(执行模式)

    • 用户在此模式下进入“具体实现”阶段。
    • CLine 会根据之前设定的计划自动创建文件、插入代码或修改现有内容。
    • PS:

      “根据上述计划,在 index.htmlstyle.css 中添加响应式导航栏相关代码。”

创建项目文件夹

  • 项目目标

使用 Cline 插件在 VS Code 中设计并实现一个静态网站项目(如企业官网),包含首页、关于我们、联系我们等页面,并具有基本的 HTML/CSS/JS 结构。

  • 创建项目文件夹
  1. 创建一个新的工作区文件夹,比如 my-static-website
  2. 在左侧资源管理器中打开该文件夹。

使用Plan Mode规划项目结构

在cline的对话界面,我们选择Plan Mode模式,如下所示:

在这里插入图片描述

在对话框中,进行输入我们的项目需求,内容所示:

我想创建一个企业官网的静态网站项目,包含首页、关于我们、产品介绍、联系我们四个页面。要求响应式布局,浅色风格,使用HTML5、CSS3、JavaScript实现,不需要后端。

Cline 会根据我们的需求自动生成详细的项目规划和具体实施步骤,并在确认无误后提示切换至 Act 模式进行执行。 这种“先规划、后执行”的方式,帮助我们更高效、有序地推进项目开发。

在这里插入图片描述

使用Act Mode实际生成代码

切换到 Act Mode,让 Cline 根据上一步在 Plan Mode 中制定的项目计划,自动生成相应的代码文件。在 Cline 面板中切换至 Act Mode 后,输入具体的执行指令,例如:“根据之前的规划生成首页、关于我们、联系我们页面及相关 CSS 和 JS 文件”,Cline 将自动创建所需文件并填充基础代码内容,完成项目的初步搭建。

  • 在Act Mode模式下输入的指令
根据之前的规划生成首页、关于我们、联系我们页面及相关 CSS 和 JS 文件

在这里插入图片描述

Cline 将根据指令在当前工作目录中自动创建所需的项目文件,并写入基础代码内容。由于需要生成多个文件并进行逻辑处理,此过程可能需要一定时间,请耐心等待,直至所有文件成功创建并保存至本地。

在这里插入图片描述

在这里插入图片描述

生成完成后,我们可以打开这些文件查看代码结构和内容,确认是否符合项目需求,为后续开发和优化打下基础。

💡 注意:Act Mode 会实际操作文件系统,因此建议在干净的项目目录下操作,避免误覆盖已有文件。

在这里插入图片描述
在这里插入图片描述

查看网站效果

我们在本地网站目录中打开生成的静态网页文件,即可预览网站效果。Cline 所生成的页面不仅结构清晰、样式美观,而且功能完整,极大地提升了开发效率,节省了大量手动编码时间。

在这里插入图片描述

六、总结


🌟 AI 赋能开发新纪元:Cline 与华为云重塑编程范式

通过将 Cline AI 编程助手 深度集成至 VS Code,并依托 华为云 ModelArts Studio 的强大算力支撑,我们构建了从需求分析到代码落地的全流程智能化开发体系。在 Plan Mode 中,开发者专注于架构设计与业务逻辑规划,而 Act Mode 则自动将抽象蓝图转化为高质量代码,实现“所思即所得”的开发体验。华为云 ModelArts Studio 提供的弹性 AI 算力与灵活模型调用能力,让 Cline 的智能编码能力如虎添翼,真正实现“云端智能,本地赋能”。这一创新组合不仅大幅提升开发效率,更让初创团队与企业级用户均能依托华为云一站式 AI 开发平台,快速构建高质量应用,共同开启智能编程新时代。

高效开发|🧠 AI 助力|☁️ 华为云赋能未来


相关文章:

  • h5微信网站建设互动营销的概念
  • 电脑网站打不开是什么原因造成的重庆森林电影完整版
  • 知名高端网站设计企业促销活动推广语言
  • 网站建设 趋势360提交入口网址
  • b2c网站资料怎么做东莞seo计费管理
  • 济南网站建设流程网站优化推广外包
  • [AI工具]Fish-speech部署教程(环境搭建记录)
  • spring boot项目整合百度翻译
  • 北斗导航 | 卫星载噪比(C/N₀)的定义与解析
  • 什么是PD快充诱骗取电协议,它有哪些特点及应用场景如XSP01A
  • 【HLS】pragma HLS bundle的用法 AXI接口
  • uniapp小程序在线预览
  • 前端流式接口/Socket.IO/WebSocket的区别和选用
  • 高精度RTK定位导航模块软硬件协同设计
  • Redis大规模Key遍历实战:性能与安全的最佳实践
  • 【网站内容安全检测】之3:获取所有外部域名访问后图像
  • 【邀请】点击邀请链接参加阿里云训练营活动,完成学习送礼品+户外折叠凳,一个小时就能完成
  • UI前端与大数据的深度融合:推动产品设计迭代升级
  • WordPress目录说明
  • Catchadmin 使用相关问题
  • Fisco Bcos学习 - 搭建第一个区块链网络
  • WinForm使用webbrowser加mathjax显示数学公式符号
  • js截取地址详细信息(除去省市区、市市区、自治区市区)
  • Proteus仿真51单片机控制L298N PWM电机调速
  • 深入GPU编程:从硬件架构到内核优化
  • Gated CNN Block,抑制背景噪声、强化边缘特征,更好地融合不同尺度的特征信息