ZQ-XUVue & Vite参考资源
如果是新手入门，建议大概了解Vue的基础之后，从一款开箱即用的Vue框架开始实践。
在实践中学习，比较容易找到感觉和成就感，继而再深入学习相应的原理，效率或许会高很多。
Vue基础
- Vue3 入门指南与实战案例：个人感觉对
Vue的讲解十分清晰，我从这份文档学习到了很多； - Vue3教程：个人在这个教程中找到过一些细节的参考，具体教程没有详细了解；
- Vue.js：
Vue官方文档，有Vue的较为详细的介绍； - Vite：一款高性能前端构建工具，一般用于搭配
Vue进行项目构建。
Vue框架
社区中有很多开箱即用的基于Vue的前端框架，个人有时会参考多个框架来做一些前端的设计及实现，以下是一些个人搜集：
- vuejs-templates：Vue官方推荐的适用于从零开始构建Vue项目的一些模板；
- Soybean Admin：基于
Vue3、Vite3、TypeScript、NaiveUI、Pinia和UnoCSS的清新优雅的中后台模版,代码比较整洁，强迫症表示比较舒服，但是功能比较有限，还在持续开发中(是我目前最为中意的前端框架)； - Naive Ui Admin：完全免费，且可商用，基于
Vue3.0、Vite、Naive UI、TypeScript的中后台解决方案，功能强大，简洁美观； -vue-element-admin：基于Vue和Element-UI实现，功能强大，界面简洁； -Vue vben admin：基于Vue3、Vite2、TypeScript等主流技术开发。个人使用过，功能非常强大，但比较笨重，代码比较杂乱； - Ant Design Vue Pro：功能强大，但貌似是收费项目，且维护以及兼容性貌似不太好，个人没有深入体验；
- vue-element-plus-admin：基于
Vue3、Vite4、Element-Plus、TypeScript等技术开发，开箱即用的中后台前端解决方案，功能强大，简洁美观； - Vue3-Admin：这是我在做ERP的时候无意发现的一个模板，预览地址并不丝滑，仅做参考；
- Admin Work：基于
Vue3、Vite2、Typescript、Navie UI开发，功能强大。
Vue组件库
社区中有很多基于Vue的组件库，主要提供一些基本的页面组件个人搜集如下(个人偏好在一个项目中使用同一个组件库的组件)：
- Naive UI：功能健全，美观简洁(是我非常喜欢的一个组件库);
- Element Plus：功能强大，美观简洁；
- Ant Design Vue：功能强大，但貌似是个收费的组件库。
Vue组件
社区中有一些功能强大或者比较酷炫的大型组件(Vue框架中可能有引用)，个人搜集如下：
- Swiper：免费且最现代的移动触摸滑块，仅专注于现代应用程序/平台，以带来最佳体验和简单性；
- Xterm.js：是一个用 TypeScript 编写的前端组件，可让应用程序在浏览器中为用户提供功能齐全的终端,常用于接口的长连接，实现页面操作终端的效果；
- VueTerm：一个类似 Ubuntu 的终端组合站点，使用
Vue3和TypeScript构建,文档在完善中； - k8s_dashboard：连接k8s的pod的一个项目，是我做k8s远程连接的最初的参考(代码尚未公开到Github)；
- vxe-table：一个基于
Vue的PC端表格组件,功能十分强大； - vue-qrcode-reader：一组 Vue.js 组件，允许您在不离开浏览器的情况下检测和解码二维码。
- 使用html5-qrcode 扫描二维码(vue3):扫描条形码/二维码的实践,我有参考这个实践过条形码的扫描(代码尚未公开到Github)；
更多资源
更多前端资源参考资源分享。