本文主要介绍了 在 VitePress 中安装插件并使用 mermaid 语法来扩展 VitePress 画一些图

本文写了一个解决下拉框数据提交后回显名称不对的问题，通过分析问题，发现时数据类型不一致导致的，也是开发中经常出现的问题了。分别给出了前端和后端的修改方案。

本文解决了一个由 node 版本引发的 `npm run dev` 执行时发生命令行报错的问题，通过分析报错信息，找到解决方法，以后看到命令行终端中有类似`(node:internal/...)`的问题的时候可以优先考虑切换 node 版本。

之前unistall了一些包，但是有引用残留。这样问题基本就解决了。

解决linxu系统ubuntu命令行报错：locale: Cannot set LC_CTYPE to default locale: No such file or directory。

主要通过直接赋值、回调函数静态映射和回调函数动态生成（包括渐变色）这几种方式来设置不同柱子的不同颜色。具体采用哪种方法取决于需求的复杂度和个性化程度，我相信总有一款适合你。

这个教程的需要一定的文档阅读的基础，还需要有耐心，不提供一步一步的截屏操作引导，只给大方向的指导，因为如果不是经常用命令行，装这个性价比不是很高，说白了这个百分之八十是一个花瓶，百分之二十的效率。因为我之前也是看别人文档装的，但是有很多教程很老，出现各种问题，比如各种版本问题，让我很头疼。最终还是走上看官方文档的路，才装好。所以你如果想装最新版，跟着我这个教程，一步一步来，相信能成功。

defineOptions 是 Vue3.3 的新的宏，可以通过 defineOptions 宏在 `` 中使用选项式 API，也就是说可以在一个宏函数中设置 name, props, emits, render,控制是否允许父子非 props 的属性透传等功能。

WSL默认是和主windows系统隔离的，访问不了windows上的代理，所以呢，要手动给它配置一个代理端口。