Żeby zacząć się bawić Angularem potrzebujemy przede wszystkim Node.js. Pobrany ze strony, zainstalowany. Do wygenerowania angularowej aplikacji użyję Angular CLI, zatem zgodnie z instrukcją na stronie wykonuję w konsoli polecenia
npm install -g @angular/clisprawdzam czy aplikacja działa
ng new retirement-savings-ui
cd retirement-savings-uiwszystko jest w porządku (a czemu miałoby nie być, w końcu jeszcze nie grzebałem w kodzie), konsola zgłasza
ng serve
a strona widoczna pod http://localhost:4200/ radośnie oznajmia
app works!
No i w tym momencie mógłbym skończyć - szkielet aplikacji działa, dodane są testy jednostkowe oraz end-to-end. Ale skoro już jestem przy frontendzie, to tworzę jeszcze komponent który będzie zajmował się wykresami.
ng generate component chartoraz instaluję gotowy komponent wykresów, którego będzie używał powyższy
npm install ng2-charts --saveNa początek wystarczy, pora teraz na postawienie backendu który dostarczy dane do wyświetlenia na wykresie - ale to już w kolejnym wpisie.
npm install chart.js --save
0 komentarze:
Prześlij komentarz