9个实战Vue开发项目
1. iview
- 地址: https://github.com/iview/iview
- star: 23.8k
- fork: 4.2k
JavaScript项目
iView是一套基于vue.js的开源UI组件库,主要服务于PC界面的中后台产品。它有着友好的API,详细的文档以及漂亮的ui界面。
2. PicGo
- 地址: https://github.com/Molunerfinn/PicGo
- star: 13.2k
- fork: 1.4k
JavaScript项目
这是一个用Vue开发的实例,用electron-vue实现的图床工具,是一个可以高效便捷将图片上传到网络图床上的工具(微博图床、七牛图床、腾讯云cos、又拍云、GitHub、sm.ms、阿里云OSS、imgur等)。只要您使用快捷键或拖拽即可上传,图片链接将自动复制到剪贴板。它支持Mac OS、windows和Linux。通过使用这个项目以及学习研读该项目代码,可以对用Vue进行应用开发有一个直观的认识。
3. learnVue
- 地址: https://github.com/answershuto/learnVue
- star: 10.7k
- fork: 2.3k
JavaScript项目
这个github项目是一个初学者在学习Vue.js过程中的分享,记录了学习vue.js源代码过程中的经验和收获,同时还会介绍一些Vue框架周边库。是一个可以帮助学习Vue框架的小伙伴深入了解Vue.JS
4. Vue.js 基础入门
- 地址: https://www.lanqiao.cn/courses/1262
- study: 5.7k
Vue.js, 基础入门, Web项目
这是一个vue.js的入门课程。介绍了Vue的安装和使用,引导学习Vue的模板语法、核心指令、计算和侦听属性、条件和循环渲染元素、如何绑定元素class和style、处理基本事件、Vue组件开发等。
5. Vue.js 和 Element UI 开发管理后台
- 地址: https://www.lanqiao.cn/courses/1411
- study: 720
Web, Vue.js项目
这个项目中,可以学习到用Vue.js和Element UI开发管理后台。详细介绍了如何使用 vue-cli 脚手架工具创建Vue 3项目,并介绍Element UI来完成页面布局。
作为前端开发人员,必须掌握轻量级框架Vue和开发辅助框架element UI。
6. Vue + Spring Boot 全栈商城项目开发
- 地址: https://www.lanqiao.cn/courses/2573
- study: 402
Vue.js, Java, SpringBoot项目
这是一个前端和后端分离的在线商城项目,运用到的技术栈是spring-boot和Vue。通过实战项目,让我们有能力开发和协调一个完整的项目。通过spring-boot+Vue全栈项目的开发,在实战中掌握当前流行的栈技术。
7. Vue.js 和 Django 仿简易版实验楼
- 地址: https://www.lanqiao.cn/courses/1547
- study: 317
Vue.js, Web项目
通过用Vue.JS实现了网站“实验楼”的一些页面。首先,从调试代码开始,通过chrome工具分析网络逆向分析网站API,绕过跨域限制。然后,从基本的静态页面入手,分析布局和样式,直到最终实现网站。内容由浅入深,层层包装,最后发布。
8. numeric-keyboard
- 地址: https://github.com/viclm/numeric-keyboard
- star: 325
- fork: 65
JavaScript项目
这是一个移动数字键盘,包含纯键盘用户界面和输入框套件。这个套件有三个版本:原生JS、React以及Vue,通过这个项目,可以了解js不同框架的差别和应用。
9. Vue.js 和 MongoDB 开发 DoraCMS
- 地址: https://www.lanqiao.cn/courses/1473
- study: 155
Vue.js, MongoDB, Web, NoSQL项目
跟随这个项目,可以实现一个基于vue.js、node.js和mongodb开发的DoraCMS。从构建环境开始,逐步完成DoraCMS所需的组件,最后构建一个完整的产品。