vue admin work x

Admin WorkX

Einführung:

Verwaltungsarbeit

Verwendung des heute beliebtesten Technologie-Frameworks: Vue3 + Webpack + Typescript + Element Plus

Merkmal:

• Häufig verwendete Vorlagen
  • Integrierte, häufig verwendete Vorlagen machen interaktive Layouts überflüssig und unterstützen Sie bei der effizienten Entwicklung
• Standardstil
  • Der Stil ist schön und elegant, nahtlos mit Naive Ui verbunden und Sie können Seiten nach Belieben kombinieren.
• Grundrissplan
  • Umfangreiche Layoutmodi mit hoher Konfigurierbarkeit, um Ihren unterschiedlichen Layoutanforderungen gerecht zu werden
• Technische Unterstützung
  • Hochwertiger technischer After-Sales-Support und eine vollständige Dokumentation ermöglichen es Ihnen, mit halbem Aufwand das Doppelte des Ergebnisses zu erzielen
• Neuester Technologie-Stack
  • Entwickelt auf Basis der neuesten Technologie-Stacks wie Vue3, Vite2, TypeScript, NaiveUI, Pinia usw.
• Leichtes und schnelles Hot-Reload
  • Immer extrem schnelles Modul-Hot-Reload (HMR), unabhängig von der Anwendungsgröße
• Reichhaltige Beispiele
  • Gängige Beispielimplementierungen für Web-Plug-ins
• Komponentenkapselung
  • Sekundärverpackung von Komponenten mit hoher täglicher Nutzungshäufigkeit zur Erfüllung grundlegender Arbeitsanforderungen
• Theme-Konfiguration
  • Umfangreiche Theme-Konfiguration und dunkle Theme-Anpassung
• Berechtigungsverwaltung
  • Komplette Front-End- und Back-End-Berechtigungsverwaltungslösungen

Projektadresse:

• ? Dokumentadresse

• ? Demo-Adresse (Vue3.x + Typescript + Webpack + ElementPlus)

Demoadressen anderer Open-Source-Projekte der Vue Admin Work-Reihe

• ? Vue Admin Work Demo-Adresse (Vue2.x + Javascript + Element UI + Webpack)

• ? Vue Admin Work X Demoadresse (Vue3.x + Typescript + Element Plus + Webpack)

• ? Vue Admin Work P Demo-Adresse (Vue3.x + Typescript + Navie UI + Vite2)

• ? Vue Admin Work Eine Demo-Adresse (Vue3.x + Typescript + Antd + Vite2)

• ? Arco Work-Demoadresse (Vue3.x + Typescript + Arco Design + Vite2)

Jetzt muss die WeChat-Technologieaustauschgruppe Freunde hinzufügen und sie einladen. Wenn Sie der Gruppe zur Diskussion beitreten möchten, folgen Sie bitte dem offiziellen WeChat-Konto und fügen Sie Freunde hinzu.

Bitte beachten Sie das知码前端unseres öffentlichen WeChat-Kontos, das den Quellcode jeder Version und Informationen zum Betreten der WeChat-Wohlfahrtsgruppe enthält

Geeignet für die Menge

• Wenn Sie vue/element-plus entwickeln oder verwenden möchten, ist es am besten, über bestimmte Programmierkenntnisse zu verfügen, oder diejenigen, die sich ursprünglich nur mit dem Ausschneiden von Bildern und dem Schreiben statischer Seiten beschäftigt haben, möchten ihre Front-End-Funktionen verbessern.
• Vertraut mit dem Vue.js-Technologie-Stack und hat damit mehrere tatsächliche Projekte entwickelt.
• Studierende, die sich für Prinzipien und Techniken interessieren und sich weiterentwickeln und verbessern möchten.

Herunterladen und installieren

• herunterladen

  git clone -b master https://github.com/qingqingxuan/vue-admin-work-x.git

• Geben Sie das Projektverzeichnis ein

   cd admin-work-x

• Abhängigkeiten installieren

  npm install

• laufen

  npm run dev

So können Sie einen Beitrag leisten

Sie sind herzlich willkommen, sich uns anzuschließen! Erheben Sie ein Problem oder senden Sie eine Pull-Anfrage.

Pull-Anfrage:

1. Fork-Code!
2. Erstellen Sie Ihren eigenen Zweig: git checkout -b feat/xxxx
3. Senden Sie Ihre Änderungen: git commit -am 'feat(function): add xxxxx'
4. Pushen Sie Ihren Zweig: git push origin feat/xxxx
5. pull request senden

Spezifikationen für die Einreichung von Git-Beiträgen

• Siehe Vue-Spezifikation (Angular)

  • feat fügt neue Funktionen hinzu
  • behebenProbleme/BUG fix
  • style Codestil ist verwandt und hat keinen Einfluss auf die laufenden Ergebnisse.
  • perf /Leistungsverbesserung
  • refactor
  • revertÄnderungen revert
  • test testbezogen
  • docs /Notizen
  • Aktualisierung chore Abhängigkeiten/Änderung der Gerüstkonfiguration usw.
  • workflow -Verbesserungen
  • Kontinuierliche ci Integration
  • Änderungen an der Typdefinitionsdatei von types
  • wip ist in der Entwicklung

Browserunterstützung

Für die lokale Entwicklung wird die Verwendung des Browsers Chrome 80+ empfohlen

Unterstützt moderne Browser, unterstützt IE nicht

IE	Rand	Firefox	Chrom	Safari
nicht unterstützen	letzten 2 Versionen	letzten 2 Versionen	letzten 2 Versionen	letzten 2 Versionen

Besonderer Dank

vue3.x
element-plus
vue-router-next
pinia
Axios
Mockjs
Echarts

Vorteile und Vorsichtsmaßnahmen

vue-admin-work 有如下优势:
1. 支持前端控制路由权限和后端控制路由模式
2. 支持 mock ，完全独立于后台
3. 提供了非常多的 mxin 代码块，方便集成各种功能
4. 内置了大量常用的组件，比如，上传，消息提示等
5. 支持多主题、多布局切换
使用注意事项:
1. 项目默认使用使用vscode工具进行开发，也是唯一推荐的开发工具
2. 项目默认eslint校验规范

Darstellungen