鍘熸枃閾炬帴锛歏ue鍚庡彴绠＄悊绯荤粺妯℃澘鎺ㄨ崘鏇存柊璁板綍2022-08-31鏇存柊鏄熸暟锛屾寜鏄熸暟鎺掑簭銆?021-06-18鏂板澶氫釜鍚庡彴绠＄悊绯荤粺妯℃澘銆傞渶瑕佹敞鎰忕殑鏄紝瀹冩槸鍦ㄥ師鏉ョ殑鍩虹涓婄洿鎺ュ姞鍒板悗闈㈢殑锛堜笉鏄寜鍚姩娆℃暟鎺掑簭锛夈€?021-03-06鎺ㄨ崘涓€浜沄ue甯哥敤鐨勫悗鍙扮鐞嗙郴缁熸ā鏉裤€傚墠瑷€Vue.js鏄洰鍓嶆瘮杈冩祦琛岀殑鍓嶇妗嗘灦锛屽凡缁忓埌浜嗕汉灏界殕鐭ュ墠绔殑鍦版銆備粖澶╃粰澶у缃楀垪涓€涓嬪熀浜嶸ue鐨勫悗鍙扮鐞嗘鏋躲€傜洰鍓嶆瘮杈冩祦琛岀殑涓嶸ue鍗忓悓宸ヤ綔鐨刄I缁勪欢鏈塃lement-UI銆乮view銆丅ootstrap-Vue銆丄nt-Design-Vue锛屼互鍙奦uetify銆丅uefy(Bulmacss)銆乂ueMaterial绛夈€傚熀浜庡叾灏佽鐨勫悗鍙扮鐞嗘ā鏉胯繖浜涚粍浠跺簱锛岀粰澶у鎺ㄨ崘涓€浜涘父鐢ㄧ殑VUE鑳屾櫙妯℃澘銆傛寜鐓ithubstar鏁伴『搴忎粙缁嶃€倂ue-element-admin(78.2k)Vue-Element-Admin锛坓ithub涓婃槦鏁?8.6k78.2k锛夋槸涓€涓熀浜嶸ue鍜孍lement-UI鐨勫悗鍙板墠绔В鍐虫柟妗堛€傞噰鐢ㄦ渶鏂扮殑鍓嶇鎶€鏈爤锛屽唴缃甶18鍥介檯鍖栨柟妗堬紝鍔ㄦ€佽矾鐢憋紝鏉冮檺楠岃瘉锛屾彁鐐煎吀鍨嬩笟鍔℃ā鍨嬶紝鎻愪緵涓板瘜鐨勫姛鑳界粍浠躲€傚彲浠ュ府鍔╂偍蹇€熸瀯寤轰紒涓氱骇涓悗绔骇鍝佸師鍨嬨€傛枃妗ｅ湴鍧€锛氭枃妗ｅ湴鍧€闆嗘垚鏂规锛歷ue-element-admin鍩虹妯℃澘锛歷ue-admin-template妗岄潰缁堢锛歟lectron-vue-adminTypescript鐗堟湰锛歷ue-typescript-admin-template锛堟劅璋細@Armour锛夊叾浠栵細awesome-椤圭洰鍦ㄧ嚎棰勮鍦板潃锛歨ttps://panjiachen.github.io/vue-element-admin鍥藉唴鐢ㄦ埛鍙闂鍦板潃鍦ㄧ嚎棰勮锛歨ttps://panjiachen.gitee.io/vue-element-admin棰勮鏁堟灉锛欰dminLTE锛?1.4k)AdminLTE锛坓ithub涓?8.8k41.4k鏄燂級鏄竴涓畬鍏ㄥ搷搴斿紡鐨勭鐞嗘ā鏉裤€傚熀浜嶣ootstrap4.6妗嗘灦鍜孞S/jQuery鎻掍欢銆傞珮搴﹀彲瀹氬埗涓旀槗浜庝娇鐢ㄣ€傞€傜敤浜庝粠灏忓瀷绉诲姩璁惧鍒板ぇ鍨嬫闈㈢殑鍚勭灞忓箷鍒嗚鲸鐜囥€侴ithub浠撳簱鍦板潃锛歨ttps://github.com/ColorlibHQ/AdminLTE鏂囨。鍦板潃锛歨ttps://adminlte.io/docs/3.1/鍦ㄧ嚎棰勮鍦板潃锛歨ttps://adminlte.io/themes/v3/index3.html鍥藉唴鐢ㄦ埛鍙互璁块棶杩欎釜鍦板潃鍦ㄧ嚎棰勮锛歨ttp://adminlte.la998.com/v3/index.html棰勮鏁堟灉锛歩view-admin(16.2k)iview-admin(github涓妔tar鏁颁负15.4k16.2k)鏄殑涓€涓猧View鐢熸€佺郴缁熸垚鍛樻槸鍩轰簬Vue鐨勫墠绔鐞嗙郴缁熷悗绔В鍐虫柟妗堬紝閲囩敤鍓嶅悗绔垎绂诲紑鍙戞ā寮忋€俰View-admin2.0鐢?.x鐗堟湰閲嶆瀯鑰屾潵锛屾洿鎹负Webpack4.0+Vue-Cli3.0浣滀负鍩虹寮€鍙戠幆澧冦€傚唴缃簡鍚庡彴绠＄悊绯荤粺寮€鍙戝父鐢ㄧ殑閫昏緫鍔熻兘鍜屽紑绠卞嵆鐢ㄧ殑涓氬姟缁勪欢锛屾棬鍦ㄨ寮€鍙戣€呬互鏈€浣庣殑鎴愭湰寮€鍙戝悗鍙扮鐞嗙郴缁燂紝鍑忓皯寮€鍙戦噺銆傛枃妗ｅ湴鍧€锛歨ttps://lison16.github.io/iview-admin-doc闆嗘垚鏂规锛歨ttps://github.com/iview/iview-admin棰勮鍦板潃锛歨ttps://admin.iviewui.com鏂囨。鍦板潃锛歨ttps://lison16.github.io/iview-admin-doc闆嗘垚鏂规锛歨ttps://github.com/iview/iview-admin棰勮鍦板潃锛歨ttps://admin.iviewui.com棰勮鏁堟灉锛歷ue-antd-admin(3.1k)/ant-design-vue-pro(32.8k)Vue-Antd-Admin锛坓ithub涓婄殑star鏁颁负1.8k3.1k锛変互Markdown涓轰腑蹇冪殑椤圭洰缁撴瀯锛屼互鏋佺畝閰嶇疆甯姪浣犱笓娉ㄤ簬Write锛屼韩鍙梀ue+Webpack鐨勫紑鍙戜綋楠岋紝鍦∕arkdown涓娇鐢╒ue缁勪欢锛岃繕鍙互浣跨敤Vue寮€鍙戣嚜瀹氫箟姣嶇増锛孷uePress涓烘瘡涓〉闈㈤娓叉煋鐢熸垚闈欐€丠TML锛屽湪椤甸潰鍔犺浇鏃朵綔涓篠PA浣跨敤璺戞銆傛枃妗ｅ湴鍧€锛歨ttps://iczer.gitee.io/vue-antd-admin-docs/start/use.html闆嗘垚鏂规锛歨ttps://github.com/iczer/vue-antd-admin鍥藉唴闀滃儚锛歨ttps:///gitee.com/iczer/vue-antd-admin棰勮鍦板潃锛歨ttps://iczer.gitee.io/vue-antd-admin甯歌闂锛歨ttps://iczer.gitee.io/vue-antd-admin-docs/start/faq.html棰勮鏁堟灉锛欰nt-Design-Pro锛坓ithub涓妔tar鏁颁负27.5k32.8k锛夊熀浜嶢ntDesign浣撶郴绮惧績璁捐锛屾彁鍙栦腑鍚庡彴搴旂敤鐨勫吀鍨嬮〉闈㈠拰鍦烘櫙锛屼娇鐢≧eact/dva/antd绛夊墠绔墠娌挎妧鏈紑鍙戯紝閽堝涓嶅悓灞忓箷灏哄璁捐锛屽彲閰嶇疆涓婚婊¤冻澶氭牱鍖栧搧鐗岃瘔姹傦紝鍐呯疆琛屼笟閫氱敤鐨勫浗闄呭寲瑙ｅ喅鏂规锛岃壇濂界殑宸ョ▼瀹炶返鍔╂偍鎸佺画浜у嚭浼樿川浣滃搧浠ｇ爜銆佸疄鐢ㄧ殑鏈湴鏁版嵁璋冭瘯鏂规锛屾敮鎸佽嚜鍔ㄥ寲娴嬭瘯锛屼繚璇佸墠绔骇鍝佽川閲忋€傛枃妗ｅ湴鍧€锛歨ttps://pro.ant.design/docs/getting-started-cn闆嗘垚鏂规锛歨ttps://github.com/ant-design/ant-design-pro棰勮鍦板潃锛歨ttp://preview.pro.ant.designFAQ锛歨ttp://pro.ant.design/docs/faq-cn棰勮鏁堟灉锛歷ue-manage-system(15.6k)Vue-Manage-System锛坓ithub涓婃槦鏁?1.8k15.6k)浣滀负涓€濂楀鍔熻兘鐨勫悗鍙版鏋舵ā鏉匡紝鏈柟妗堥€傜敤浜庡ぇ澶氭暟鍚庡彴绠＄悊绯荤粺锛圵ebManagementSystem锛夌殑寮€鍙戙€傚熀浜嶸ue.js锛屼娇鐢╒ue-Cli3.0鑴氭墜鏋讹紝寮曠敤ElementUI缁勪欢搴擄紝鏂逛究寮€鍙戝揩閫熴€佺畝娲併€佺編瑙傜殑缁勪欢銆傜嫭绔嬬殑棰滆壊鏍峰紡锛屾敮鎸佹墜鍔ㄥ垏鎹富棰樿壊锛屼娇鐢ㄨ嚜瀹氫箟涓婚鑹查潪甯告柟渚裤€傞泦鎴愭柟妗堬細https://github.com/lin-xin/vue-manage-system棰勮鍦板潃锛歨ttps://lin-xin.gitee.io/example/work/棰勮鏁堟灉锛歷ue-admin-beautiful(12.8k)Vue-Admin-Beautiful锛坓ithub鏄熸暟7.2k12.8k锛変富绾跨増鍩轰簬element-plus銆乪lement-ui銆乤nt-design-vue骞惰寮€鍙戠淮鎶わ紝鏀寔鐢佃剳銆佹墜鏈哄悓鏃朵娇鐢ㄦ墜鏈哄拰骞虫澘鐢佃剳銆侴ithub浠撳簱鍦板潃锛歨ttps://github.com/chuzhixin/vue-admin-beautifulGitee浠撳簱鍦板潃锛歨ttps://gitee.com/chu1204505056/vue-admin-beautifulvue2.x+element-ui:vue2.x+element-ui锛堝厤璐瑰晢鐢紝鏀寔PC銆佸钩鏉裤€佹墜鏈猴級vue3.x+element-plus锛歷ue3.x+element-plus锛坅lpha鐗堬紝鍏嶈垂鍟嗙敤锛屾敮鎸丳C銆佸钩鏉裤€佹墜鏈猴級vue3.x+ant-design-vue:vue3.x+ant-design-vue锛堟祴璇曠増锛屽厤璐瑰晢鐢紝鏀寔PC锛屽钩鏉匡紝鎵嬫満锛塸ro鐗堟紨绀哄湴鍧€锛歱ro鐗堟紨绀哄湴鍧€锛堜粯璐圭増锛屾敮鎸丳C銆佸钩鏉裤€佹墜鏈猴級鐗圭偣锛氿煉?0+浼樿川鍗曢〉馃拝RBAC妯″瀷+JWT鏉冮檺鎺у埗馃實10涓?椤圭洰瀹為檯搴旂敤馃憦鑹ソ鐨勭被鍨嬪畾涔夝煡冲紑婧愮増鏈敮鎸佸厤璐瑰晢鐢煔€璺ㄥ钩鍙癙C銆佹墜鏈恒€佸钩鏉筐煋︼笍鍚庣璺敱鍔ㄦ€佹覆鏌撻瑙堟晥鏋滐細vue2-manage(12.1k)vue2-manage锛坓ithub涓婃槦鏁?0.2k12.1k锛夋湰椤圭洰鏄竴涓猙ackgVue+Element-UI鎼缓鐨勫渾褰㈢鐞嗙郴缁燂紝鏄悗鍙伴」鐩畁ode-elm鐨勭鐞嗙郴缁燂紝鎵€鏈夋暟鎹潎鏉ヨ嚜鏈嶅姟鍣ㄥ疄鏃惰幏鍙栫殑鐪熷疄鏁版嵁锛屽叿鏈夌湡瀹炴敞鍐屻€佺櫥褰曘€佹暟鎹鐞嗙瓑鍔熻兘锛屾潈闄愰獙璇佺瓑鍏ュ彛锛氬墠绔」鐩湴鍧€銆佸悗鍙扮郴缁熷湴鍧€銆佸師鐢烝PP椤圭洰鍦板潃鎶€鏈爤锛歷ue2+vuex+vue-router+webpack+ES6/7+less+element-ui闆嗘垚鏂规锛歨ttps://github.com/bailicangdu/vue2-manage棰勮鍦板潃锛歨ttps://cangdu.org/manage/#/manage棰勮鏁堟灉锛歞2-admin(11.7k)D2-Admin锛坓ithub涓妔tar鏁颁负9.8k11.7k)鏄竴涓畬鍏ㄥ紑婧愬厤璐圭殑浼佷笟涓悗鍙颁骇鍝佺殑鍓嶇闆嗘垚瑙ｅ喅鏂规锛岄噰鐢ㄦ渶鏂扮殑鍓嶇鎶€鏈爤锛屾湰鍦伴灞廽s鍔犺浇灏忎簬60kb銆傚凡瀹屾垚澶ч儴鍒嗛」鐩墠鏈熷噯澶囧伐浣滐紝骞跺寘鍚ぇ閲忕ず渚嬩唬鐮侊紝鍔╁姏绠＄悊绯荤粺蹇€熷紑鍙戙€傛枃妗ｅ湴鍧€锛歨ttps://d2.pub/zh/doc/d2-admin/闆嗘垚鏂规锛歨ttps://github.com/d2-projects/d2-admin鍥藉唴闀滃儚锛歨ttps://gitee.com/d2-projects/d2-adminCoding锛歨ttps://d2-projects.coding.net/p/d2-projects/d/d2-admin/git棰勮鍦板潃锛歨ttps://d2.pub/d2-admin/preview/棰勮鏁堟灉:Vuestic-Admin(8.8k)Vuestic-Admin锛坓ithub涓婄殑鏄熸暟涓?.7k8.8k锛夊厤璐逛笖婕備寒鐨刅ue.js绠＄悊妯℃澘锛屽甫鏈?4澶氫釜鑷畾涔塙I缁勪欢锛岀敱Epicmax寮€鍙戯紝鐢盫asiliSavitski璁捐銆傛枃妗ｅ湴鍧€锛歨ttps://github.com/epicmaxco/vuestic-admin/wiki闆嗘垚鏂规锛歨ttps://github.com/epicmaxco/vuestic-admin棰勮鍦板潃锛歨ttps://vuestic.epicmax.co/admin/dashboard棰勮鏁堟灉锛歝oreui-free-vue-admin-template(3.1k)CoreUI-Free-Vue-Admin-Template锛坓ithub涓婃槦鏁?.7k3.1k锛夋槸涓€涓熀浜巆oreui鐨勫悗鍙扮鐞嗭紙coreuivuebootstrap锛夌粍浠舵ā鏉裤€傚叿鏈夐珮鎬ц兘鍜屾槗浜庡畾鍒剁殑UI缁勪欢锛屽彲婊¤冻浠讳綍闇€瑕侊紝浠ヤ竴鍗婄殑鏃堕棿寮€鍙戠幇浠ｃ€佺編瑙傘€佸搷搴旇繀閫熺殑搴旂敤绋嬪簭銆傞泦鎴愭柟妗堬細https://github.com/coreui/coreui-free-vue-admin-template棰勮鍦板潃锛歨ttps://coreui.io/vue/demo/3.2.2/#/dashboard棰勮鏁堟灉锛歯x-admin(2.5k)nx-admin锛坓ithub涓妔tar鏁?.3k2.5k锛夋槸涓€涓紑婧愮殑绠＄悊绯荤粺鍓嶇闆嗘垚瑙ｅ喅鏂规锛屽熀浜嶸ue鍜孍lement銆傞噰鐢ㄦ渶鏂扮殑鍓嶇鎶€鏈爤锛屽唴缃甶18鍥介檯鍖栨柟妗堬紝鍔ㄦ€佽矾鐢憋紝鏉冮檺楠岃瘉锛屾彁鐐煎吀鍨嬩笟鍔℃ā鍨嬶紝鎻愪緵涓板瘜鐨勫姛鑳界粍浠躲€傚彲浠ュ府鍔╂偍蹇€熸瀯寤轰紒涓氱骇涓悗绔骇鍝佸師鍨嬨€傛渶澶х▼搴﹀府鍔╀釜浜哄拰浼佷笟鑺傜渷鏃堕棿銆佹垚鏈拰璐圭敤銆傛枃妗ｅ湴鍧€锛歨ttps://mgbq.github.io/nx-admin-site/zh/闆嗘垚鏂规锛歨ttps://github.com/mgbq/nx-admin鍥藉唴闀滃儚锛歨ttps://gitee.com/symgg/nx-admin棰勮鍦板潃锛歨ttps://mgbq.github.io/vue-permission/#/login棰勮鏁堟灉锛歷ue-material-admin(2.2k)vue-material-admin锛坓ithub涓妔tar鏁颁负2.1k2.2k).闆嗘垚鏂规锛歨ttps://github.com/tookit/vue-material-admin棰勮鍦板潃锛歨ttp://vma.isocked.com/#/dashboard棰勮鏁堟灉锛歏ueBlackDashboardVueBlackDashboard鏄竴涓狟ootstrap4AdminDashboard锛屽叾涓寘鍚暟鍗佺缁勪欢銆佽嚜瀹氫箟鍏冪礌銆佹彃浠跺拰绀轰緥浠ｇ爜锛屽畬缇庢弧瓒虫垜浠殑璁捐闇€姹傘€傚畠杩樺叿鏈夋繁鑹叉ā寮忓拰娴呰壊妯″紡銆傝繖绉嶅彲鍒囨崲鐨勫姛鑳界‘瀹炲鍔犱簡涓€涓澶栫殑鑷畾涔夊眰锛屽彲浠ヤ娇搴旂敤绋嬪簭鑴遍鑰屽嚭銆侴ithub浠撳簱鍦板潃锛歨ttps://github.com/creativetimofficial鍏嶈垂鐗堟枃妗ｅ湴鍧€锛歏ueBlackDashboardFreeDocumentionAddress鍏嶈垂鐗堟紨绀哄湴鍧€锛歏ueBlackDashboardFreeDemoPro鐗堟枃妗ｅ湴鍧€锛歏ueBlackDashboardProDocumentionAddressPro鐗堟紨绀哄湴鍧€锛歏ueBlackDashboardProDemo棰勮鏁堟灉锛堝墠涓変釜鏄疐ree锛屽悗浜斾釜鏄疨ro锛夛細VueWhiteDashboardVueWhiteDashboard鏄竴娆惧厤璐圭殑Bootstrap4绠＄悊妯℃澘銆傛嫢鏈?6涓厤璐瑰厓绱犮€?涓嚜瀹氫箟鎻掍欢鍜?涓ず渚嬮〉闈紝瀵逛簬閭ｄ簺鍙槸鍦ㄥ鎵句竴绉嶅厤璐规柟寮忔潵娴嬭瘯鍏朵华琛ㄦ澘鐨勪汉鏉ヨ锛岃繖鏄竴涓緢濂界殑璧风偣銆備富瑕佺壒鐐癸細鍏嶈垂Bootstrap4AdminTemplateResponsiveDesign16CustomElements鏂囨。鍦板潃锛歨ttps://www.creative-tim.com/product/vue-white-dashboard?ref=learnvue.co婕旂ず鍦板潃锛歏ueBlackDashboard鍏嶈垂婕旂ず棰勮鏁堟灉:
