egg typescript element kit

egg-typescript-element-kit

Basierend auf Egg + TypeScript + Element + Webpack3 mehrseitiges und einseitiges serverseitiges Client-Rendering eines isomorphen vollständigen Engineering-Projekts.

• Rezeptionssystem: http://localhost:7001

• Backend-System: http://localhost:7001/admin

1. Projekteinführung

Plugin-Version

• Ei: ^2.xx
• Knoten: Knoten ^8.x.x+,
• Webpack^4.xx
• Vue: ^2.5.0
• TypeScript: ^2.6.2
• Element-Benutzeroberfläche: ^2.0.0
• easywebpack-vue
• egg-view-vue-ssr
• Eier-Webpack
• egg-webpack-vue

Projektmerkmale

• Unterstützt das Schreiben und Erstellen von TypeScript-Side-Code und Front-End-Code für Egg Node

• Unterstützen Sie den Servicemitarbeiter beim automatisierten Bau

• Unterstützt Async- und Wait-Funktionen, Controller ist im Klassenmodus geschrieben

• Unterstützt Server- und Client-Code-Änderung, Webpack-Echtzeitkompilierung und Hot-Update, npm run dev Ein-Klick-Anwendungsstart

• Basierend auf der isomorphen Implementierung von Vue + Vuex + Vue-Router + Axios Single Page Server Client

• Unterstützt die Webpack-Kompilierung in Entwicklungsumgebungen, Testumgebungen und formalen Umgebungen

• Unterstützt js/css/image-Ressourcenabhängigkeit, integrierte Unterstützung für CDN-Funktionen

• Unterstützt die automatisierte Erstellung von Webpack-DLLs

• Unterstützt serverseitiges Rendern und asynchrones Laden von Vue-Komponenten

2. Systemfunktionen

Blog-System an der Rezeption

Verwendung des serverseitigen Renderings von Egg + Vue

• Blog-Homepage
• Anzeige der Blog-Artikelliste
• Detailseite des Blogartikels
• Durchsuchen von Blog-Kategorien

Backend-Managementsystem

Verwenden von Egg + Vue + Vue-Router + Element zum serverseitigen isomorphen Rendern einzelner Seiten

• Benutzeranmeldung
• Benutzerregistrierung
• Armaturenbrett
• Artikelverwaltung
• Markdown Artikel hinzufügen
• Berechtigungsverwaltung

3. Verwendung

3.1 Abhängigkeiten installieren

npm install
npm start

3.2 Starten Sie die Anwendung

npm run dev

Anwendungszugriff: http://127.0.0.1:7001

3.3 Bauen

• TypeScript Egg-Build

npm run tsc

• Aufbau eines TypeScript-Frontend-Projekts

npm run tsc

3.4 Paketbereitstellung

1. Führen Sie zunächst npm run build aus, um TypeScript Egg-Code und TypeScript-Frontend-Code zu erstellen
2. Projektcode und Build-Code werden zusammen gepackt
3. Nachdem die Anwendung bereitgestellt wurde, starten Sie die Anwendung über npm start

4. Dokumentation

• http://hubcarl.github.io/easywebpack/vue/rule
• https://zhuanlan.zhihu.com/easywebpack

5. Referenzen

• vue-element-admin

Lizenz

MIT