1. 程式人生 > 其它 >9個實戰Vue開發專案

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所需的元件,最後構建一個完整的產品。

自己想要什麼...就朝著那個方向前進