Angular 6: Creating your first application with bootstrap!

Publié le: 24 juillet 2018
sur la chaîne: 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";


Sur cette page du site, vous pouvez voir la vidéo en ligne Angular 6: Creating your first application with bootstrap! durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Roman Codes 24 juillet 2018, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 667 fois et il a aimé 8 téléspectateurs. Bon visionnage!