Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

Angular App : Zeiterfassung erstellen

21.01.2021 (👁423)


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