CoreUI soll der UX-Game-Changer sein. Reiner und transparenter Code enthält keine redundanten Komponenten, sodass die App leicht genug ist, um ein ultimatives Benutzererlebnis zu bieten. Damit sind auch mobile Geräte gemeint, bei denen die Navigation genauso einfach und intuitiv ist wie auf einem Desktop oder Laptop. Mit der CoreUI-Layout-API können Sie Ihr Projekt für fast jedes Gerät anpassen – sei es Mobil, Web oder WebApp – CoreUI deckt sie alle ab!
Standardthema | Lichtthema |
---|---|
Modernes Thema | Helles Thema |
---|---|
git clone https://github.com/coreui/coreui-free-angular-admin-template.git
Bevor Sie beginnen, stellen Sie sicher, dass Ihre Entwicklungsumgebung Node.js®
und einen npm
Paketmanager enthält.
Angular 19 erfordert Node.js
LTS-Version ^18.19.1
oder ^20.11.1
.
node -v
in einem Terminal-/Konsolenfenster aus.Node.js
zu erhalten, gehen Sie zu nodejs.org. Installieren Sie die Angular-CLI global über ein Terminal-/Konsolenfenster.
npm install -g @angular/cli
$ npm install
$ npm update
# dev server with hot reload at http://localhost:4200
$ npm start
Navigieren Sie zu http://localhost:4200. Die App wird automatisch neu geladen, wenn Sie eine der Quelldateien ändern.
Führen Sie build
aus, um das Projekt zu erstellen. Die Build-Artefakte werden im Verzeichnis dist/
gespeichert.
# build for production with minification
$ npm run build
Im Download finden Sie die folgenden Verzeichnisse und Dateien, die gemeinsame Assets logisch gruppieren und sowohl kompilierte als auch minimierte Varianten bereitstellen. Sie werden etwa Folgendes sehen:
coreui-free-angular-admin-template
├── src/ # project root
│ ├── app/ # main app directory
| │ ├── icons/ # icons set for the app
| │ ├── layout/ # layout
| | │ └── default-layout/ # layout components
| | | └── _nav.js # sidebar navigation config
| │ └── views/ # application views
│ ├── assets/ # images, icons, etc.
│ ├── components/ # components for demo only
│ ├── scss/ # scss styles
│ └── index.html # html template
│
├── angular.json
├── README.md
└── package.json
Die Dokumentation für die CoreUI Admin-Vorlage wird auf unserer Website CoreUI für Angular gehostet
Dieses Projekt wurde mit Angular CLI Version 18.0.0 generiert.
Aus Gründen der Transparenz in unserem Veröffentlichungszyklus und im Bestreben, die Abwärtskompatibilität aufrechtzuerhalten, wird die CoreUI Free Admin-Vorlage gemäß den Richtlinien zur semantischen Versionierung verwaltet.
Im Abschnitt „Releases“ unseres Projekts finden Sie Änderungsprotokolle für jede Release-Version.
Führen Sie ng serve
für einen Entwicklungsserver aus. Navigieren Sie zu http://localhost:4200/
. Die App wird automatisch neu geladen, wenn Sie eine der Quelldateien ändern.
Führen Sie ng generate component component-name
aus, um eine neue Komponente zu generieren. Sie können auch ng generate directive|pipe|service|class|guard|interface|enum|module
verwenden.
Führen Sie ng build
aus, um das Projekt zu erstellen. Die Build-Artefakte werden im Verzeichnis dist/
gespeichert.
Führen Sie ng test
aus, um die Unit-Tests über Karma auszuführen.
Führen Sie ng e2e
aus, um die End-to-End-Tests über eine Plattform Ihrer Wahl auszuführen. Um diesen Befehl verwenden zu können, müssen Sie zunächst ein Paket hinzufügen, das End-to-End-Testfunktionen implementiert.
Um weitere Hilfe zur Angular-CLI zu erhalten, verwenden Sie ng help
oder schauen Sie sich die Seite Angular CLI Overview and Command Reference an.
Łukasz Holeczek
CoreUI-Team
Erhalten Sie Updates zur Entwicklung von CoreUI und chatten Sie mit den Projektbetreuern und Community-Mitgliedern.
CoreUI ist ein vom MIT lizenziertes Open-Source-Projekt und kann völlig kostenlos verwendet werden. Allerdings ist der Aufwand, der für die Wartung und Entwicklung neuer Funktionen für das Projekt erforderlich ist, ohne angemessene finanzielle Unterstützung nicht tragbar. Sie können die Entwicklung unterstützen, indem Sie CoreUI PRO kaufen oder Sponsor über Open Collective werden.
Unterstützen Sie dieses Projekt, indem Sie Platin-Sponsor werden. Hier wird ein großes Firmenlogo mit einem Link zu Ihrer Website eingefügt.
Unterstützen Sie dieses Projekt, indem Sie Goldsponsor werden. Hier wird ein großes Firmenlogo mit einem Link zu Ihrer Website hinzugefügt.
Unterstützen Sie dieses Projekt, indem Sie Silbersponsor werden. Hier wird ein mittleres Firmenlogo mit einem Link zu Ihrer Website hinzugefügt.
Unterstützen Sie dieses Projekt, indem Sie Bronze-Sponsor werden. Der Unternehmens-Avatar wird hier mit einem Link zu Ihrem OpenCollective-Profil angezeigt.
Vielen Dank an alle Unterstützer und Sponsoren! Unterstützen Sie dieses Projekt, indem Sie Unterstützer werden.
Copyright 2024 creativeLabs Łukasz Holeczek.
Code unter der MIT-Lizenz veröffentlicht. Es gibt nur eine Einschränkung: Sie können das CoreUI nicht als Lagerbestand weiterverbreiten. Dies ist nicht möglich, wenn Sie die CoreUI ändern. In der Vergangenheit hatten wir einige Probleme mit Personen, die versuchten, CoreUI-basierte Vorlagen zu verkaufen.