9个实战Vue开发项目

1. iview

地址: https://github.com/iview/iviewstar: 23.8kfork: 4.2kJavaScript项⽬

iView是⼀套基于vue.js的开源UI组件库，主要服务于PC界⾯的中后台产品。它有着友好的API，详细的⽂档以及漂亮的ui界⾯。

2. PicGo

地址: https://github.com/Molunerfinn/PicGostar: 13.2kfork: 1.4kJavaScript项⽬

这是⼀个⽤Vue开发的实例，⽤electron-vue实现的图床⼯具，是⼀个可以⾼效便捷将图⽚上传到⽹络图床上的⼯具（微博图床、七⽜图床、腾讯云cos、⼜拍云、GitHub、sm.ms、阿⾥云OSS、imgur等）。只要您使⽤快捷键或拖拽即可上传，图⽚链接将⾃动复制到剪贴板。它⽀持Mac OS、windows和Linux。通过使⽤这个项⽬以及学习研读该项⽬代码，可以对⽤Vue进⾏应⽤开发有⼀个直观的认识。

3. learnVue

地址: https://github.com/answershuto/learnVuestar: 10.7kfork: 2.3kJavaScript项⽬

这个github项⽬是⼀个初学者在学习Vue.js过程中的分享，记录了学习vue.js源代码过程中的经验和收获，同时还会介绍⼀些Vue框架周边库。是⼀个可以帮助学习Vue框架的⼩伙伴深⼊了解Vue.JS

4. Vue.js 基础⼊门

地址: https://www.lanqiao.cn/courses/1262study: 5.7k

Vue.js, 基础⼊门, Web项⽬

这是⼀个vue.js的⼊门课程。介绍了Vue的安装和使⽤，引导学习Vue的模板语法、核⼼指令、计算和侦听属性、条件和循环渲染元素、如何绑定元素class和style、处理基本事件、Vue组件开发等。

5. Vue.js 和 Element UI 开发管理后台

地址: https://www.lanqiao.cn/courses/1411study: 720Web, Vue.js项⽬

这个项⽬中，可以学习到⽤Vue.js和Element UI开发管理后台。详细介绍了如何使⽤ vue-cli 脚⼿架⼯具创建Vue 3项⽬，并介绍Element UI来完成页⾯布局。

作为前端开发⼈员，必须掌握轻量级框架Vue和开发辅助框架element UI。

6. Vue + Spring Boot 全栈商城项⽬开发

地址: https://www.lanqiao.cn/courses/2573study: 402

Vue.js, Java, SpringBoot项⽬

这是⼀个前端和后端分离的在线商城项⽬，运⽤到的技术栈是spring-boot和Vue。通过实战项⽬，让我们有能⼒开发和协调⼀个完整的项⽬。通过spring-boot+Vue全栈项⽬的开发，在实战中掌握当前流⾏的栈技术。

7. Vue.js 和 Django 仿简易版实验楼

地址: https://www.lanqiao.cn/courses/1547study: 317Vue.js, Web项⽬

通过⽤Vue.JS实现了⽹站“实验楼”的⼀些页⾯。⾸先，从调试代码开始，通过chrome⼯具分析⽹络逆向分析⽹站API，绕过跨域限制。然后，从基本的静态页⾯⼊⼿，分析布局和样式，直到最终实现⽹站。内容由浅⼊深，层层包装，最后发布。

8. numeric-keyboard

地址: https://github.com/viclm/numeric-keyboardstar: 325fork: 65JavaScript项⽬

这是⼀个移动数字键盘，包含纯键盘⽤户界⾯和输⼊框套件。这个套件有三个版本：原⽣JS、React以及Vue，通过这个项⽬，可以了解js不同框架的差别和应⽤。

9. Vue.js 和 MongoDB 开发 DoraCMS

地址: https://www.lanqiao.cn/courses/1473study: 155

Vue.js, MongoDB, Web, NoSQL项⽬

跟随这个项⽬，可以实现⼀个基于vue.js、node.js和mongodb开发的DoraCMS。从构建环境开始，逐步完成DoraCMS所需的组件，最后构建⼀个完整的产品。