对单行输入框增加了多行输入，组合键换行输入内容，键盘发送内容，整体内容高度自适应等功能。整体实现过程的细节功能点还是比较多，有实现过类似需求的同学欢迎留言交流～

写在前面 使用不带scoped的全局样式 学过vue的都知道，带有scoped的样式是当前作用域样式，不带scoped的就是全局样式了。那么，我们就可以通过修改组件的类的样式达到修改组件默认样式的效果

本文整理了常见的几种 ChatGPT 打字机效果的方案，也给出了自己的一些理解，希望可以帮助到大家快速实现类似效果。

前情提要 在 上一篇 中完成了开发框架选项，生成了基本开发环境，是时候开始验证一些重点功能的实现了。 首先完成 Chatgpt 最核心的流式对话，也就是那个返回结果被一个一个字打出来的效果。

在做 chatgpt 镜像站的时候，发现有些镜像站是没做打字机的光标效果的，就只是文字输出，是他们不想做吗？反正我想做。于是我仔细研究了一下，实现了打字机效果加光标的效果，现在分享一下我的解决方案。

使用marked和highlight.js对GPT接口返回的代码块渲染，高亮显示，支持复制，和选择不同的高亮样式

前端实现GPT或者其他大模型的流式推送的数据接收可以通过EventSource、Axios、或者基于EventSource实现的@microsoft/fetch-event-source插件库； 话不

准备 在vscode 中使用Vue3 +ts 开发，还需要额外安装一个插件 Typescript Vue Plugin defineProps defineProps配合vue默认语法进行类型校验（运

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第12天，点击查看活动详情 前言 Axios多用于处理前端项目的Ajax请求，这里要注意区分Axios和Ajax：Ajax是一种技术