helloBower

필요한 사항

노드를 설치합니다. 아래 내용은 모두 cmd 창에서 실행 합니다. 저는 windows7 64bit 운영체제 입니다.

노드 설치 확인

node -v
npm -v

bower 설치

npm install -g bower

-g 옵션은 global package로 설치 하겠다는 옵션입니다. 더 많은 내용은 npm help install

시작

bower init

결과적으로 bower.json 파일이 생성 됩니다. cmd 상에서 몇가지 사항을 질문합니다. 모든 내용은 bower.json 파일에 기록 됩니다.

bower json example

{
  "name": "jihwan.github.io",
  "homepage": "http://zhwan.info",
  "authors": [
    "zhwan <zhwan.hwang@gmail.com>"
  ],
  "description": "zhwan's dev blog",
  "main": "index.md",
  "keywords": [
    "dev",
    "blog"
  ],
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
}

bootstrap 설치

bower install bootstrap -S

font-awesome 설치

bower install font-awesome -S

angularJs 설치

bower install angularjs -S
bower install angular-route -S
bower install angular-ui-router -S

최종

bower_components 폴더가 생성 되며, 하위에 설치한 library 는 각 폴더별로 생성 된다. 또, bower.json 파일 내부에 dependency 목록으로 등록이 된다. default로 bower_components 폴더 하위에 library가 설치 되는데, 폴더 명을 변경하고 싶다면, .bowerrc 파일을 만들고 아래와 같이 경로 명을 지정 할 수 있다.

{
		"directory": "assets/bower",
		"scripts": {
    		"postinstall": "gulp publish"
		}
}

앞으로의 활용법

bower가 설치 되어 있는 상황에서, bower.json 파일만 관리 한다면,
모든 개발자가 같은 환경에서 dependency web library 관리를 쉽게 할 수 있다.

bower install // bower.json 파일에 등록된 dependency 를 설치 한다.

npm?

node package manager의 약자

spring batch complex big multine

complex big multine on spring batch Continue reading

linux h2database insatall

Published on November 09, 2016

modern web experience

Published on July 20, 2016

황지환, Jihwan Hwang, 黃智煥

황지환, Jihwan Hwang, 黃智煥
Enjoy life to the full~ :)