Angular 2+ Lab1 – Creating the first app

Generating the app

• Install nodejs (latest version)
• Install angular cli tools

# npm install –g @angular/cli

• Create and run a new app

# ng new first
# cd first
# ng serve

 

Add bootstrap support:

# npm install bootstrap --save

• update .angular-cli.json file:

"styles": [
  "styles.css",
  "../node_modules/bootstrap/dist/css/bootstrap.css"
],

 

Add some bootstrap components to the page and test the results (restart ng serve to see the changes)

You can also integrate high level modules for angular:

• https://ng-bootstrap.github.io
• https://valor-software.com/ngx-bootstrap/