Angular App :
Zeiterfassung erstellen
1) : Angular
Projekt erstellen
In Windows PowerShell:
|
cd D:\Programmierung\Angular
ng new Zeiterfassung
cd Zeiterfassung
|
In Datei-Explorer:
mit Visual Code öffnen
In Visual Code
Menü->View->Terminal
Integrierte PowerShell in
Visual Code anzeigen und arbeiten
2) Bootstap und
jQuery installieren
|
npm install
--save jquery bootstrap
|
3) Bootstrap in angular.json
eintragen
in der Datei angular.json die Einträge vornehmen
bei styles->verweis auf nodemodules -> /bootstrapdist/css/bootstrap.css
und scripts->Verweis auf nodemodules -> /bootstrapdist/js/bootstrap.js
4)
Und den jQuery Pfad einbinden
Angular.json file
Achtung: nur ein ./ und nicht ../ ansonsten ergibt sich ein Fehler bei ng serve
|
"styles": [
"src/styles.css",
"./node_modules/bootstrap/dist/css/bootstrap.css"
],
"scripts": [
"./node_modules/bootstrap/dist/js/bootstrap.js",
"./node_modules/jquery/dist/jquery.js"
]
|
5) Ng Serve starten
6) Und anzeigen im Browser
