Using Bower in Node.js 😍

Actually Bower is a front end package manager to manage different libraries like Bootstrap and font awesome etc. In this section we will cover you how to install and manage bootstrap and font-awesome in your existing web app.

Installing Bower in our Existing App

You can install bower in your existing project. Now it’s time to install bower in our app. To installing bower type this command in cmd but first we want to install bower globally

npm install bower -g

-g is used to install globally. Now its time to initialize bower in our app to initialize it type this command in cmd.

bower init

This will ask some questions. To skip each question by clicking enter. After these questions this will create a Bower.json file in your app. Now its time to install bootstrap in your app by using bower.

Installing Bootstrap using Bower

Now it’s time to install bootstrap in your existing web app. To install this type in cmd

bower install --save-dev bootstrap

After installing this will add a new folder named bower_components . See your Bower.json file in this bower.json file see devdependencies in this dependency you can see bootstrap and jQuery is installed in your app.

Installing font-awesome using Bower

Now it’s time to install font-awesome in your existing web app. To install this type in cmd

bower install --save-dev font-awesome

After installing this will add a new package in bower_components. Just check you bower.json file if is installed or not. If it is installed connect your app links in it and check your it works well.

Get Usama Liaquat’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Don’t forget to share this on social sites..

Thanks 😍