Difference between revisions of "Bower"

From Education Centre
Jump to: navigation, search
(Getting Started)
(Getting Started)
 
Line 5: Line 5:
 
= Getting Started =
 
= Getting Started =
 
Bower requires Node and npm and Git.
 
Bower requires Node and npm and Git.
 +
 +
;Git Bash
 +
:[http://git-scm.com/downloads http://git-scm.com/downloads Git Bash]
 +
:[https://msysgit.github.io/ https://msysgit.github.io/ git for windows]
 +
 +
  
 
[http://bower.io/search/ Search Bower packages (http://bower.io/search)] - search for common package names and dependencies.
 
[http://bower.io/search/ Search Bower packages (http://bower.io/search)] - search for common package names and dependencies.
  
 
# Install [[NodeJs|Node JS]] from [http://nodejs.org/ http://nodejs.org/]
 
# Install [[NodeJs|Node JS]] from [http://nodejs.org/ http://nodejs.org/]
# Add NodeJs to Windows PATH environment variable PATH=C:\Program Files\nodejs\. Restart Windows for IntelliJ to pick this up.
+
# Add NodeJs to Windows PATH environment variable PATH=C:\Program Files\nodejs\ Restart Windows for IntelliJ to pick this up.
 
# Bower is a command line utility. Install it with npm. globally <code>npm install -g bower</code>
 
# Bower is a command line utility. Install it with npm. globally <code>npm install -g bower</code>
 +
# Add Git Bash to Windows PATH environment variable PATH=C:\Program Files (x86)\Git\bin; Restart IntelliJ to pick this up.
 
# Install packages with bower install. Bower installs packages to bower_components/. i.e bower install bootstrap <pre>bower install <package></pre>  
 
# Install packages with bower install. Bower installs packages to bower_components/. i.e bower install bootstrap <pre>bower install <package></pre>  
 
# Save your packages to bower.json with <code>bower init</code>
 
# Save your packages to bower.json with <code>bower init</code>

Latest revision as of 05:58, 12 February 2015

Bower works by fetching and installing packages from all over, taking care of hunting, finding, downloading, and saving the stuff you’re looking for. Bower keeps track of these packages in a manifest file, bower.json. How you use packages is up to you. Bower provides hooks to facilitate using packages in your tools and workflows.


Getting Started

Bower requires Node and npm and Git.

Git Bash
http://git-scm.com/downloads Git Bash
https://msysgit.github.io/ git for windows


Search Bower packages (http://bower.io/search) - search for common package names and dependencies.

  1. Install Node JS from http://nodejs.org/
  2. Add NodeJs to Windows PATH environment variable PATH=C:\Program Files\nodejs\ Restart Windows for IntelliJ to pick this up.
  3. Bower is a command line utility. Install it with npm. globally npm install -g bower
  4. Add Git Bash to Windows PATH environment variable PATH=C:\Program Files (x86)\Git\bin; Restart IntelliJ to pick this up.
  5. Install packages with bower install. Bower installs packages to bower_components/. i.e bower install bootstrap
    bower install <package>
  6. Save your packages to bower.json with bower init

Dependency packages are installed into your Windows account profile i.e;

D:\WorkspacePearsonBtecSpecs\spring-mvc-angularjs-sample-app-master>npm install -g bower
C:\Users\dawud\AppData\Roaming\npm\bower -> C:\Users\dawud\AppData\Roaming\npm\node_modules\bower\bin\bower
bower@1.3.12 C:\Users\dawud\AppData\Roaming\npm\node_modules\bower

Website

http://bower.io/

http://bower.io/search/ Search Bower Packages

References

IntelliJ - Using Bower Package Manager