精选9个实战Vue开发项目,新手进阶必看

@老K玩代码,专注分享实战项目和最新行业资讯,已累计分享超1000实战项目!
关注知乎专栏
《老K玩Python》或wx公众号《老K玩代码》 ,了解更多学习资源。


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所需的组件,最后构建一个完整的产品。



@老K玩代码,专注分享实战项目和最新行业资讯,已累计分享超1000实战项目!
关注知乎专栏《老K玩Python》或wx公众号《老K玩代码》 ,了解更多学习资源。

---公众号福利---

回复/ vue /,获得相关学习资源。

举报
评论 0