[bower] 세팅, 이용방법

# bower : js 플러그인 관리 툴이다. 작업 하기 앞서 

   gulp or gurnt 를 이용해 사용할 것이니 먼저 숙지 해야 한다. (설명내용은 gulp 로함)

1. nodejs download : https://nodejs.org/en/

2. git 설치 (기본, "use windows' default console window" 선택)및 환경변수 설정 후 설치

1). Uninstall existing GIT bash 

2). Reinstall GIT bash  (https://git-for-windows.github.io/)

3). Set up during installation:

   - Select> Use Git form the Windows Command Prompt 

     - Select> Use the native Windows Secure Channel library

   - Select> Checkout Windows-style, commit Unix-style line endings

   - Select> Use Windows' default console window

# 환경변수 win8,10

1. [검색]에서 "시스템(제어판)"을 검색하여 선택합니다.

2. 고급 시스템 설정 링크를 누릅니다.

3. 환경 변수를 누릅니다. 시스템 변수 섹션에서 PATH 환경 변수를 찾아 선택합니다. 편집을 누릅니다. PATH 환경 변수가 존재하지 않을 경우 새로 만들기를 누릅니다.

;%PROGRAMFILES%\Git\bin
;%PROGRAMFILES%\Git\cmd

# install option

-F, --force-latest : 충돌시 최신 버전 강제 실행

-p, --production : 프로젝트 devDependencies를 설치하지 않습니다.

-S, --save : 설치된 패키지를 프로젝트의 bower.json 의존성에 저장합니다.

-D, --save-dev : 설치된 패키지를 프로젝트의 bower.json devDependencies에 저장합니다.

-E, --save-exact : 설치된 패키지를 semver가 아닌 정확한 버전으로 구성합니다.

# uninstall option

-S, --save : 프로젝트의 bower.json 종속성에서 제거 된 패키지를 제거합니다.

-D, --save-dev : 프로젝트의 bower.json devDependencies에서 제거 된 패키지를 제거합니다.

# bower 글러벌 설치

npm install -g bower

# 프로젝트 홀더이동 .bowerrc 설정파일생성,  js 라이브러리가 설치될 홀더 설정

{

  "directory": "js/library/"

}

# 프로젝트홀더에 (bower.json) 세팅 각항목 은 인지할수 있게만 입력

bower init

# 필요한 bower패키지 설치  ( jquery#1.11.1, bootstrap, angularjs ....)

bower install --save-dev 패지지명

- 삭제

bower uninstall --save-dev 패지지명

# bower.json 내용 설치

bower install

# 자주사용하는 플러그인 

# jQuery

bower install --save-dev jQuery#1.11.1

# swiper

 - 프리킹 가능한 슬라이더 

bower install --save-dev swiper

# slick

 - 프리킹+반응형 이 가능한 슬라이더

bower install --save-dev slick-carousel

# jplayer

 - 동영상 플레이 플러그인 (스킨, 멀티 디바이스, 커트롤)

bower install --save-dev jplayer

# jQuery custom content scroller (스크롤바 스킨변경및 이벤트 받기)

bower install --save-dev malihu-custom-scrollbar-plugin