安装HIGHLIGHT.JS
首先，使用 npm 安装 highlight.js：
npm install highlight.js @highlightjs/vue-plugin
引入HIGH
注意，这里的flex布局用的是tailwindcss的flex类，而不是css的flex属性。道理是一样的，只是写法不同。
横向排列
从左到右排列：FLEX FLEX-ROW
实践下来，发现fle
我想做出两个对话框，一个是用户的询问，一个是机器人的回答。怎么做呢？
我想到的主要是用flex和flex-row-reverse来控制头像和对话框的方向。
最简单的方法是做两个组件，一个是用户头像
首先，手机和电脑要在同一个局域网内。
查看本地局域网的IP地址
mac下，wifi设置-详细信息-复制IP地址
修改VITE.CONFIG.JS
因为默认情况下，vite只允许本地访问即127.0
安装ICONS-VUE
npm install @element-plus/icons-vue
在MAIN.TS中引入
import * as ElementPlusIconsVue from ‘
computed属性有两个特点：
1. 响应式：当依赖的数据发生变化时，computed属性会自动更新。
2. 缓存：只有依赖的数据发生变化时，computed属性才会重新计算。
COMPUT
什么是NANOID?
nanoid其实是uuid的替代品，是一个轻量化版本。
它可以生成一个不重复的随机字符串，用于标识数据。
nanoid的特点是短小、不重复、URL友好，适合用于生成短链接、短
重命名仓库
github主页 -> 仓库 -> Settings -> 重命名仓库
修改本地仓库的远程地址
git remote set-url origin
值得注意的是，