In this tutorial, we will show you how to install Bower on Ubuntu 18.04 LTS. For those of you who didn’t know, Bower manages the components for a website like frameworks, libraries, assets, and utilities. It keeps track of all the components and checks regularly for their updates. Bower uses a manifest file bower.json file to keep track of packages.
This article assumes you have at least basic knowledge of Linux, know how to use the shell, and most importantly, you host your site on your own VPS. The installation is quite simple and assumes you are running in the root account, if not you may need to add ‘sudo’ to the commands to get root privileges. I will show you through the step by step installation of Bower on a Ubuntu 18.04 (Bionic Beaver) server.
Install Bower on Ubuntu 18.04 LTS Bionic Beaver
Step 1. First, make sure that all your system packages are up-to-date by running these following apt-get commands in the terminal.
sudo apt-get update sudo apt-get upgrade
Step 2. Installing Install Node.js.
First of all, you need to install node.js on your system:
sudo apt-get install python-software-properties curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install nodejs
Step 3. Installing Bower on Ubuntu 18.04 LTS.
Install Bower using NPM:
sudo npm install -g bower
Let’s check the installed version of bower on your system using the following command:
bower --version 1.8.2
Install packages with bower install:
bower install <package>
A package can be a GitHub shorthand, a Git endpoint, a URL, and more:
# installs the project dependencies listed in bower.json bower install # registered package bower install jquery # GitHub shorthand bower install desandro/masonry # Git endpoint bower install git://github.com/user/package.git # URL bower install http://example.com/script.js
Congratulations! You have successfully installed Bower. Thanks for using this tutorial for installing Bower in Ubuntu 18.04 LTS Bionic Beaver system. For additional help or useful information, we recommend you to check the official Bower website.