可以在不同的 Vue 组件/页面中通过 SocketService.getInstance() 获取同一个 WebSocket 连接，监听数据接收以及发送消息。

使用 `pnpm dlx create-next-app@latest` 安装最新的 Next.js 项目运行后报错 TypeError: Cannot read properties of undefined (reading 'config')

通过拖拽改变大小是一个很常见的业务场景，比如我们常用的编辑器（Jetbrains 系列、VSCode），都有一些可以通过拖拽改变宽高的窗口，当我们鼠标悬停在边缘时，鼠标变为水平或者垂直的双向箭头，通过拖拽来改变宽高。为了简化操作，接下来我将使用 Vue3 实现类似的功能，代码并不局限于框架，通过简单的修改也可以在 JavaScript 或者 React 中实现同样的效果。样式我使用了 Tailwi

使用 react-markdown 实现 markdown 的渲染，使用 @tailwindcss/typography 实现好看的样式。项目基于 Vite + React + TypeScript搭建，包管理工具使用的是 pnpm，需要安装。首先安装和react-markdown 用于解析 markdown 语法，rehype-highlight 和 highlight.js 用于突出高亮显示代

首先需要在虚拟机上安装SSH服务器（如果没有的话），然后通过虚拟机的IP地址（例如，使用-user-net选项配置的虚拟机网络）访问它。现在，在虚拟机的/mnt/iso目录中，可以访问宿主机中的文件。通过挂载ISO，可以将宿主机上的文件传输到虚拟机。但是，如果要将虚拟机上的文件传输回宿主机，需要创建一个新ISO映像。此时，/mnt/shared目录将指向宿主机上的/tmp/shared目录，可以在