一键生成矢量风格头像，这个开源项目好玩！

哈喽，大家好！我是前端实验室的小师妹!

最近逛 Github 发现了一个好玩的开源项目：矢量风格头像生成器，好玩还能学习！

Vue Color Avatar

这是一款纯前端实现的矢量风格头像的生成器，你可以搭配不同的素材组件，生成自己的个性化头像。

项目使用 Vue3 + Vite开发，能够帮助前端初学者熟悉 Vue3 语法并掌握使用Vite 搭建项目的相关知识。

功能

• 可视化组件配置栏
• 随机生成头像，有一定概率触发彩蛋
• 撤销/还原更改
• 国际化多语言
• 批量生成多个头像

运行

# 1. 克隆项目至本地
git clone https://github.com/Codennnn/vue-color-avatar.git

# 2. 安装项目依赖
yarn install

# 3. 运行项目
yarn dev

项目地址

开源项目地址：https://github.com/Codennnn/vue-color-avatar 头像在线生成网站：https://vue-color-avatar.vercel.app/

写在最后

欢迎加入前端实验室读者交流群，群里有不少技术大神，不定时会分享一些技术要点，更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式：在下方公众号后台，回复 111 ，按提示操作即可进群。

如果该文章对你有帮助，那么就点击右下角的 [点赞]「在看」，给一个小小的鼓励吧~