2026/4/6 3:58:49
网站建设
项目流程
网站建设色调的,360做的网站首页,做网站使用什么软件的,wordpress博客搬家最新案例动态#xff0c;请查阅基于开发者空间云开发环境#xff0c;使用MateChatMaaS构建智能对话应用。小伙伴们快来领取华为开发者空间进行实操吧#xff01;
一、概述
1. 案例介绍
华为云开发者空间为开发者提供一个免费的云开发环境#xff0c;开发者可以将计算密集…最新案例动态请查阅基于开发者空间云开发环境使用MateChatMaaS构建智能对话应用。小伙伴们快来领取华为开发者空间进行实操吧一、概述1. 案例介绍华为云开发者空间为开发者提供一个免费的云开发环境开发者可以将计算密集型任务交给性能强大的云开发环境同时可以在本地Windows或者MacOS设备上编写代码在远程的鲲鹏云环境中运行和调试。MateChat致力于构建不同业务场景下高一致性的GenAI体验系统语言同时匹配各种工具/平台的原生业务场景和界面特征提供更适合研发工具领域的对话组件打造流畅亲和、跨界一致、易学易用的用户体验以及易接入、易维护、易扩展的开发体验。MaaS(即ModelArts Studio大模型即服务平台)是华为云面向AI开发者推出的一站式大模型开发平台支持开发者一键体验大模型能力快速构建大模型应用。Mass平台提供大模型训练、推理、部署、管理、监控等全生命周期管理能力帮助开发者快速构建大模型应用加速AI开发。本案例基于华为开发者空间云开发环境使用MateChatMaaS快速搭建智能对话应用。2. 适用对象企业个人开发者高校学生3. 案例时间本案例总时长预计60分钟。4. 案例流程说明用户进入华为开发者空间云开发环境通过VS Code连接云开发环境领取并配置模型服务使用MateChat和MaaS快速开发智能对话应用。5. 资源总览本案例预计花费0元。资源名称规格单价元时长分钟华为开发者空间 - 云开发环境鲲鹏通用计算增强型 kc1 | 2vCPUs | 4G | HCE免费60二、环境及资源准备1. 开发者空间配置面向广大开发者群体华为开发者空间提供一个随时访问的“开发平台”、丰富的“预配置工具集合”和灵活使用的“场景化资源池”开发者开箱即用快速体验华为根技术和资源。开发者可以登录华为云账号后可以直接进入华为开发者空间开发平台界面点击云开发环境即可进入云开发环境页面。云开发环境如下图所示2. VS Code远程连接云开发环境虚机本案例中使用华为云《华为开发者空间-云开发环境虚拟机IDE插件远程连接操作指导》中的“二、云开发环境IDE插件远程连接操作指导”完成“1. 创建” ~ “3. 连接”章节步骤。完成连接之后的状态3. ModelArts Studio 模型服务参考案例《Versatile Agent中自定义接入大模型配置华为云Maas指导》中的“一、 领取”章节内容领取华为开发者空间百万token代金券福利购买ModelArts Studio DeepSeek-V3 轻量体验包¥3.50。开通商用模型服务最后获取模型名称、API地址和API Key的参数值。注意记录API Key、API地址以及model名称留作后面步骤使用。三、构建智能对话应用1. 本地VS Code插件安装使用VS Code创建一个VueTS项目需要安装以下插件Live Server vscode用于提升前端开发效率通过自动刷新浏览器实时预览代码改动无需手动刷新页面。Vetur专为Vue.js开发者设计的VS Code扩展主要提供语法高亮、智能代码补全、错误检查和代码格式化等核心功能。Vue (Official)扩展Vue框架的功能提升开发效率并实现代码复用。2. 升级Node.js版本当前Node.js版本为12.22.11版本较低需升级。2.1 安装git按下CtrlShift打开terminal窗口执行以下命令安装git。sudo yum install git2.2 安装nvm执行以下命令安装nvm。sudo curl -fsSL https://gitee.com/edazh/nvm/raw/master/install.sh | bash设置镜像源解决网络访问速度慢、连接不稳定的问题echo export NVM_NODEJS_ORG_MIRRORhttps://npmmirror.com/mirrors/node ~/.bashrc source ~/.bashrc升级更新nvm update查看nvm版本nvm -v已成功安装nvm。2.3 使用nvm升级Node.js版本指定版本安装Node.jsnvm install 22.17.1安装完成后使用特定版本nvm use 22.17.1查看版本node -v已成功升级Node.js版本。3. 创建及运行MateChat3.1 创建应用通过以下命令创建一个MateChat应用npm create matechatlatest输入项目名称matechat-project选择模板Vue Starter进入项目目录下安装依赖cd matechat-project npm i运行默认应用npm run dev点击Open in Browser若运行报错System limit for number of file watchers reached原因文件监视程序的系统产生了限制达到了默认的上限需要增加限额。执行以下命令echo fs.inotify.max_user_watches 524288 | sudo tee -a /etc/sysctl.conf sudo sysctl -p3.2 模型对接应用默认使用的Mock数据进行对话在src/models/config.ts文件中做如下修改可启用真实模型进行对话enableMock改为falseexport const MODEL_CONFIGS { stream: true, enableMock: false, };在src/models/config.ts文件的LLM_MODELS中配置我们在“二、环境及资源准备”第3节中获取的API地址、模型名称、API Key。模型名称DeepSeek-V3注意需要删除API地址中的“chat/completions”。3.3 运行智能对话应用接入DeepSeek-R1模型后Ctrls保存代码在项目目录下执行以下命令再次运行程序npm run dev点击Open in Browser切换模型DeepSeek-V3尝试问几个问题你可以帮助我做些什么跑步对身体有哪些好处智能对话应用给了我们详尽的回答。至此基于云开发环境MateChatMaaS快速搭建智能对话应用的案例已全部完成。