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 ng serve error
"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