腾讯云AI代码助手编程挑战赛-百事一点通

作品简介

百事通问答是一款功能强大的智能问答工具。它依托海量知识储备，无论你是想了解生活窍门、学习难点，还是工作中的专业疑惑，只需输入问题，就能瞬间获得精准解答，以简洁易懂的方式呈现，随时随地为你答疑解惑。

技术架构

百事通问答在技术架构上极具特色，运用全后端分离模式，前端精心选用 Vue.js 搭建，交互流畅、界面友好。其智能核心则借力腾讯云的 AI 服务，在自然语言理解与生成方面表现卓越，精准抓取问题意图、快速产出优质答案。

开发环境

系统：win11

开发工具：VSCode

开发环境为：node-v23.6.0-win-x64

开发流程

1、解压并配置node.js环境变量

2、使用npm i命令初始化项目

3、使用npm run dev启动项目

关键技术

在这里面我们进行了一些样式修改，比如背景颜色还有我们的主题说明

腾讯云AI代码助手功不可没

1、更好的帮助我们理解代码

2、可以生成解析

 const responsePromise = fetch('/v1/chat/completions', {method: 'POST',headers: {'Content-Type': 'application/json',Authorization: `Bearer${apiKey ? ` ${apiKey}` : ''}`,},body: JSON.stringify({messages, // 消息列表model: 'hunyuan-pro', // 模型stream: true, // 流式}),signal,}).catch((e) => {const msg = e.toString() || '流式接口异常';complete?.(false, msg);return Promise.reject(e); // 确保错误能够被后续的.catch()捕获});responsePromise.then((response) => {if (!response?.ok) {complete?.(false, response.statusText);fail?.();throw new Error('Request failed'); // 抛出错误以便链式调用中的下一个.catch()处理}const reader = response.body.getReader();const decoder = new TextDecoder();if (!reader) throw new Error('No reader available');const bufferArr = [];let dataText = ''; // 记录数据const event = { type: null, data: null };

3、增加标识内容

给我们的页面增加title

4、我们还有点赞成功的提示

以上是我们这个工具使用腾讯云AI的部分内容，有了腾讯云AI代码助手让我们对代码的理解和编写有了更深的研究。

使用说明

1、解压并配置node.js环境变量

2、使用npm i命令初始化项目

3、使用npm run dev启动项目

4、访问http://localhost:3005/进行提问即可。

效果展示

效果展示视频的地址：bilibili.com/video/BV1M5rCYmErT/