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: