Coolest Guides on the Planet

coolest guides on the planet

Coolest Guides On The Planet

  • Home
  • macOS
  • WebDev
  • All Posts
  • Contact

Installing Bower On OSX 10.11 El Capitan

November 15, 2015 Leave a Comment

Bower is a type of package manager for web development projects.

bower-for-osx

To install Bower on OSX you first need to have node.js and npm installed.

Launch the Terminal and run

sudo npm install -g bower

It will install and leave you with the version number and where it is located.

[email protected] /usr/local/lib/node_modules/bower

Once installed you can set up a bower json file for your project configuration with …

bower init

Run through the wizard and leave blank any questions that you don’t have an answer for and you will have a bower.json file in your working directory.

To install a package you can run

bower install packagename --save-dev

For a list of bower packages check here.

Or any Github repo, with the git username/repo of a full git url or any valid url.

The –save-dev parameter will add the package to the list of project devDependencies in the bower.json file.

bower-components

These packages will download in your current working directory in a sub-directory called bower_components, it will also download any dependencies of those packages.

To add in the CSS and JS of these dependencies to your project you can use wiredep

To move and concatenate all CSS and JS files from the bower_components to your actual build/development directory you can refer to grunt-bower-concat

Cats: macOS, Workflow

Tags

3gs 10.6 apache backup baseband boot clean urls cpanel css curl custom database drupal el capitan git Google image instadmg ios iphone jailbreak keys lion mac macos mojave macos sierra menu mysql OSX panda php phpmyadmin private public redirect redsn0w remote rsa SEO shell ssh terminal unstoppables upgrade urls

Donate a Beer to the Coolest Guides

Get Beaver Builder Now!

Copyright © 2023· Neil Gee - All Rights Reserved - Hosted by Runcloud

Copyright © 2023 · gee on Genesis Framework · WordPress · Log in