Prerequisites#

• Node.js
• Node.js package manager (npm, yarn, pnpm)
• Visual Studio Code
• Angular CLI

Steps#

1. Go to the folder you want to create and run command

   1
   ng new project-name
   

   NOTE

   Change project-name with your project name

2. Select configurations
3. Run command

   1
   cd project-name & code .
   

4. Open terminal (Ctrl + J - Visual Studio Code shortcut) and install bootstrap

   1
   ng add @ng-bootstrap/ng-bootstrap
   

5. Install popper.js

   1
   npm i @popperjs/core
   

6. Update config in angular.json

   1
   {
   2
       // ...
   3
       "projects": {
   4
           "project-name": {
   5
               //...
   6
               "architect": {
   7
                   // ...
   8
                   "options": {
   9
                       "scripts": [
   10
                           "node_modules/@popperjs/core/dist/umd/popper.min.js",
   11
                           "node_modules/bootstrap/dist/js/bootstrap.bundle.js"
   12
                       ]
   13
                   },
   14
               }
   15
           }
   16
       }
   17
   }
   

7. Start the project

   1
   npm start
   

References#

• Angular Bootstrap
• Popper.js package