前言
這段時間一直有學員和一些正在從事前端開發作業的朋友詢問“有沒有推薦的前端開源專案？”，因為一直忙于作業沒有時間去整理，今天應各位的請求，我整理了一些開源專案 ，推薦順序與專案的好壞無關，框架的推薦順序就大家詢問的比例來分，跟當前市場框架的占有率無關，所以大家不要先入為主的認為我列在前面的可能就是好的，話不多說，我們進入正題，
Vue.js
Vue Element Admin
vue-element-admin 是一個后臺前端解決方案，它是基于 element-ui 實作的，
專案地址：vue-element-admin
專案效果查看：vue-element-admin-dashboard
Iview Admin
iview-admin 是一個基于 iView 的 Vue 2.0 管理系統模板
專案地址：iview-admin
Vue2 Manage
vue2-manage 是基于 vue + element-ui 的后臺管理系統
專案地址：vue2-manage
專案有臺管理系統效果查看：back-manage
專案前端手機模擬預覽：elm-manage
Vue Manage System
vue-manage-system 是基于 Vue.js + Element UI 的后臺管理系統解決方案
vue-manage-system 登錄界面
vue-manage-system 首頁( 默認皮膚 )
vue-manage-system 首頁( 淺綠色皮膚 )
專案地址：vue-manage-system
Vue Music Webapp
vue-music-webapp 是基于 Vue(2.5) + vuex + vue-router + vue-axios +better-scroll + Scss + ES6 等開發一款移動端音樂 WebApp 專案
vue-music-webapp 推薦、排行和歌手頁
vue-music-webapp 播放和播放串列頁
專案地址：vue-music-webapp
Litemall
litemall 是基于 Spring Boot 后端 + Vue 管理員前端 + 微信小程式用戶前端 + Vue 用戶移動端 開發的專案
litemall 登錄頁
litemall 首頁
專案地址：litemall
Blog Vue Typescript
blog-vue-typescript 是基于 Vue + TypeScript + Element-Ui 支持 markdown 渲染的博客前臺展示專案
blog-vue-typescript PC 端效果圖
blog-vue-typescript 移動端效果圖
專案地址：blog-vue-typescript
Netease Cloud WebApp
netease-clound-webapps 是基于傳說中的VUE全家桶(vue vue-router vuex)、axios、Muse-UI(一個基于Vue2.x的material design 風格UI框架)，高仿網易云音樂的 webapp，只實作了 APP 的核心功能，
netease-clound-webapps 效果圖
專案地址：netease-clound-webapps
React.js
Antd Admin
antd-admin 是基于 React + Ant Design 開發的一套優秀的中后臺前端解決方案，
antd-admin 登錄頁
antd-admin 首頁
專案地址：antd-admin
Iease Music
ieaseMusic 是基于 Electron, React, MobX, JSS 開發的網易云音樂第三方專案
專案地址：ieaseMusic
React pxq
react-pxq 是基于 react + redux + webpack + react-router + ES6/7/8 + immutable 開發的完整專案和個人總結
react-pxq 效果預覽
專案地址：react-pxq
React Admin
react-admin 是基于 Create React App 創建的 react 后臺管理系統解決方案
專案地址：react-admin
GitHubPopular
GitHubPopular 是一個用來查看GitHub最受歡迎與最熱專案的App,它基于React Native支持Android和iOS雙平臺，
GitHubPopular 專案預覽圖
專案地址：GitHubPopular
Elm React Native
elm-react-native 是一個基于 RN 寫的餓了么，還原度相當高，實作了各類動效，效果圖如下：
專案地址：elm-react-native
ZhiHuDaily React Native
ZhiHuDaily-React-Native 基于React Native 開發，能夠運行到 Android 和 IOS 端的仿知乎日報的專案，
ZhiHuDaily-React-Native 預覽效果
專案地址：ZhiHuDaily-React-Native
Shopping React Native
shopping-react-native 基于 js+Reactjs+React-Native 的一個商城類的RN 專案，效果圖如下：
專案地址：shopping-react-native
Blog React
此 blog 專案是基于 react 全家桶 + Ant Design 開發的支持 markdown 的博客前臺展示，
PC 端效果如下
移動端
專案地址：blog-react
Blog React Admin
blog-react-admin 專案是基于螞蟻金服開源的 ant design pro 之上，用 react 全家桶 + Ant Design 的進行再次開發的，效果圖如下：
專案地址：blog-react-admin
React Blog
react-blog 是基于 react hooks + koa2 + sequelize + mysql 搭建的前后臺的博客，效果如下圖;
PC 端
移動端
專案地址：react-blog
Blog React
blog-react 是基于 typescript+koa2+react 的個人博客，效果圖如下：
管理端截圖
專案地址：blog-react
Angular
Angular News
Angular-news 是基于angular.js,weui和node.js重寫的新聞客戶端，
專案地址：Angular-news
Ngx Admin
ngx-admin 管理儀表板模板基于Angular 7+，Bootstrap 4
專案地址：ngx-admin
Node.js
Node Elm
node-elm 是基于 node.js + Mongodb 構建的后臺系統
前端效果
后臺管理系統
專案地址：node-elm
Node Club
nodeclub 是使用 Node.js 和 MongoDB 開發的社區系統
專案地址：nodeclub
Nideshop Mini Program
nideshop-mini-program 是基于 Node.js+MySQL 開發的開源微信小程式商城（微信小程式），
專案地址：nideshop-mini-program
Nideshop
NideShop 開源微信小程式商城服務端 API（Node.js + ThinkJS）
專案地址：NideShop
wemall
wemall 基于react, node.js, go開發的微商城（含微信小程式）
專案地址：wemall
React Express Blog Demo
React-Express-Blog-Demo 是基于 React+Express+Mongo 開發的前后端博客網站
專案地址：React-Express-Blog-Demo
Blog Node
blog-node 是基于 node + express + mongodb 的博客網站后臺
專案地址：blog-node
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/230527.html
標籤：其他