In order to import jquery and bootstrap frameworks to our angular project. we may use following command via commandline.
Update angular cli
- npm install -g @angular/cli
Import jquery and bootstrap
- npm install bootstrap jquery
If the commands above gave you to permission you can open commandline as right click "Run as Administrator" on windows, add prefix "sudo " in mac
After run commands, then the add paths of jquery and bootstrap as follows in to angular.json file which is located in root of project.
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
Addin info :
When you run code above it will download the latest version of jquery and bootstrap frameworks. If you downgrade the version of them use following commands;
To downgrade or install spesific version of bootstrap :
- npm install bootstrap@3 --save
Update angular cli
- npm install -g @angular/cli
Import jquery and bootstrap
- npm install bootstrap jquery
If the commands above gave you to permission you can open commandline as right click "Run as Administrator" on windows, add prefix "sudo " in mac
After run commands, then the add paths of jquery and bootstrap as follows in to angular.json file which is located in root of project.
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": [
"node_modules/jquery/dist/jquery.min.js",
"node_modules/bootstrap/dist/js/bootstrap.min.js"
]
Addin info :
When you run code above it will download the latest version of jquery and bootstrap frameworks. If you downgrade the version of them use following commands;
To downgrade or install spesific version of bootstrap :
- npm install bootstrap@3 --save