Angular 6: Creating your first application with bootstrap!

Publicado em: 24 Julho 2018
no canal de: Roman Codes
667
8

If you like this video and want to see more leave a like and subscribe for future tutorials on all things regarding full stack development!


Steps shown in the video to get set up with angular and bootstrap:

For this tutorial you need to upgrade Angular CLI to version 6+ if you haven’t done so already. To do so you can use this command:

npm install -g @angular/cli@latest

Check the version with this command

ng --version



Creating your first application

ng new (and the name of the application)


Install General dependencies in your application with npm install in the folder of your application (remember to only install what you need)

npm install

Install boostrap and fontawesome to the application for basic structuring

npm install bootstrap font-awesome

start the application

ng serve (name of application) -o

Once in the application navigate to the src folder and find the styles.css file/ This will instantiate the global use of the bootstrap files to all components inside the module.
@import "~bootstrap/dist/css/bootstrap.css";
@import "~font-awesome/css/font-awesome.css";


Nesta página do site você pode assistir ao vídeo on-line Angular 6: Creating your first application with bootstrap! duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário Roman Codes 24 Julho 2018, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 667 vezes e gostou 8 espectadores. Boa visualização!