foreword
These are some highly collected vue PC-side projects on github. I spent a little time sorting out the resources of vue2 and vue3. You can choose the corresponding project to study according to your own learning progress and needs. I hope it will be helpful to you~
Vue2 PC project
1、 Elements
Star:53.4k
It is a UI component library based on Vue.js 2.0, developed and maintained by the front-end team of Ele.me. The component library provides rich UI components and interactive effects, which can help developers quickly build modern web applications. The features of ElemeFE/element include ease of use, high customization, good documentation and community support, etc.
github address: https://github.com/ElemeFE/element
Online URL: https://element.eleme.cn/#/zh-CN
2、 view2-elm
Star:40k
This project has a total of 45 pages, large and small, involving registration, login, product display , shopping cart, order placement, etc., which is a complete process. Even the single-page project on the official website of a general company is not so complicated. If this project can be controlled, I believe that other single-page applications of most companies will not be a problem. Even if it is more complicated, it will not be much higher than this. go
github address: https://github.com/ElemeFE/element
Online URL: https://element.eleme.cn/#/zh-CN
3、 mark text
Star:39.8k
is a free, open-source Markdown editor that helps users quickly and efficiently create and edit text in Markdown format. It has a simple and easy-to-use interface, supports real-time preview, code highlighting, tables, lists, mathematical formulas and other common Markdown syntax, and also supports multiple themes and custom styles. Marktext also provides a variety of export formats, such as HTML, PDF, DOCX, etc., which are convenient for users to use in different scenarios.
github address: https://github.com/marktext/marktext
4、PanJiaChen/vue-element-admin
Star:82.4k
The technology stack mainly adopts vue + element + axios and is packaged by webpack2. This is a personal project, so all data requests are simulated by mockjs
github address: https://github.com/PanJiaChen/vue-element-admin
Online URL: https://panjiachen.github.io/vue-element-admin/#/login?redirect=%2Fdashboard
5、 YesPlayMusic
Star:23.5k
It is an open source third-party NetEase Cloud music player project, built using Vue.js and Node.js technology stack. It can play music online, create and manage playlists, search and favorite songs, and more. Vue.js is used as the front-end framework, and Vue Router, Vuex, Axios, etc. are used to implement functions such as routing, state management, and network requests. The backend uses the Node.js and Express framework to build the server, uses the Mongoose library to connect to the MongoDB database, and uses the Passport.js library to implement user authentication and authorization.
In addition, YesPlayMusic also uses some other technologies and tools, such as WebSocket to realize real-time communication, Webpack package construction, ESLint code specification inspection, etc.
github address: https://github.com/qier222/YesPlayMusic
Online URL: https://music.qier222.com
6、vue-material
Star:9.8k
It is a Vue.js-based Material Design component framework, which provides a rich set of UI components that can help developers quickly build beautiful and easy-to-use web applications. Vue Material follows the Google Material Design specification and provides some commonly used components, such as buttons, cards, tables, input boxes, etc., and also supports custom themes and styles
github address: https://github.com/vuematerial/vue-material
Online URL: https://www.creative-tim.com/vuematerial
Vue3 PC project
1、 vue-manage-system
Star: 16k
It is a background management system solution based on Vue3 and Element Plus . It provides a series of common components and basic functions to help developers quickly build a background management system. The system includes common functions such as user management , authority management , data visualization, and form editing. It also provides a variety of theme styles and custom configuration options, which are convenient for developers to customize according to their own needs.
github address: https://github.com/lin-xin/vue-manage-system
Online address: https://lin-xin.gitee.io/example/work
2、DataV
Star: 7.7k
A visual data analysis tool is a data visualization product launched by Alibaba Cloud. Based on Alibaba Cloud's big data technology, it can quickly process and visualize massive data, and supports multiple chart display methods, multiple data source access, and multi-dimensional data analysis. DataV can help users quickly build interactive data visualization applications, and help enterprises quickly understand business data, so as to make better decisions. At the same time, DataV also provides a wealth of data security and authority control mechanisms to ensure data security and privacy
github address: https://github.com/DataV-Team/DataV
Online address: http://datav.jiaminghi.com/
3、vue-vben-admin
Star: 17.3k
Vue Vben Admin is an open source background management system template based on Vue3 and TypeScript. It contains many components and plug-ins, which can help developers quickly build a high-quality background management system. Vue Vben Admin is extremely scalable and flexible, and can easily meet different business needs. It also provides a wealth of documentation and sample code, allowing developers to quickly get started and develop
github address: https://github.com/vbenjs/vue-vben-admin
Online address: https://vben.vvbin.cn/#/login?redirect=/dashboard
4、PPTist
Star: 4.1k
It is an online presentation , which restores most of the common functions of Office PowerPoint, and supports text, pictures, shapes, lines, charts, tables, videos, audio, and formulas. Element type, each element is highly editable, and supports rich shortcut keys and right-click menus, supports exporting local PPTX files, supports mobile basic editing and preview, and supports PWA
github address: https://github.com/pipipi-pikachu/PPTist
Online address: https://pipipi-pikachu.github.io/PPTist/
5、PicGo
Star: 20.3k
It is an open source image upload tool, which can help users quickly upload images to various cloud storage platforms, including Qiniu Cloud, Tencent Cloud, Alibaba Cloud , Youpai Cloud , etc.
github address: https://github.com/Molunerfinn/PicGo
6、vue3-composition-admin
Stars: 2.6k
It is a background management system template based on Vue3 and TypeScript, using the latest Vue3 combined API and Element Plus UI component library. It provides some commonly used functional modules, such as login, authority management, menu management , user management, etc. I personally think that the UI is quite refreshing
github address: https://github.com/RainManGO/vue3-composition-admin
Online address: https://admin-tmpl-test.rencaiyoujia.cn/
Continuously updating~~