伙伴匹配系统踩坑日记1

前端初始化

文档参考https://cn.vitejs.dev/guide/

输入指令后报错

解决方法参考https://blog.csdn.net/qq_26018335/article/details/126201219

yarn安装默认在c盘所以其global和cache配置在c盘，输入以下指令查看默认配置在哪个盘

yarn global dir

只要在d盘或者别的盘创建一个文件夹yarn，然后在内部创建文件夹cache和global然后输入以下指令即可

yarn config set global-folder "D:\yarn\global"
yarn config set cache-folder "D:\yarn\cache"

引入组件

按需引入组件样式

​ 在基于 vite、webpack 或 vue-cli 的项目中使用 Vant 时，可以使用 unplugin-vue-components 插件，它可以自动引入组件，并按需引入组件的样式。

​ 相比于常规用法，这种方式可以按需引入组件的 CSS 样式，从而减少一部分代码体积，但使用起来会变得繁琐一些。如果业务对 CSS 的体积要求不是特别极致，推荐使用更简便的常规用法。

# 通过 npm 安装
npm i unplugin-vue-components -D

# 通过 yarn 安装
yarn add unplugin-vue-components -D

# 通过 pnpm 安装
pnpm add unplugin-vue-components -D

这里使用yarn安装报错

可能是没有管理员权限导致，可以换成npm安装即可。

前端通用布局开发

写入之后页面如上所示

检查发现是main.ts里引入了import './style.css'，删掉就正常了