With Angular CLI you can bootstrap a new project effortlessly. Let’s create a new Angular 6 application complemented with Bootstrap 4 and Sass preprocessor.
- Angular CLI – a command line interface tool that generates projects, components, modules, services.
I’m working on:
- In this post the example project depends on the
scsspreprocessor. If you want to set a different preprocessor or alter the global configuration for all feature projects – read the How to change a CSS preprocessor in an Angular project post.
Create a fresh project
Run the following command to generate a fresh project:
Go to the project main directory:
A git repository has been already initialized:
npm allows you to fix some known vulnerabilities found in the project dependencies, you can run the following command:
Remember to commit the adjustments made in the
To add the latest version of the Bootstrap styles to the project, run the following command:
Add the following path in the
Start the Angular server to make sure that the project was successfully created: