Bower 의 사용

2043 단어
1 Bower 소개
  • Bower 홈 페이지
  • 그 기능 은 npm 와 유사 합 니 다. bower 를 이용 하여 플러그 인 / 라 이브 러 리 를 관리 할 수 있 습 니 다. 전단 패키지 관리 도구 입 니 다.
  • github 에서 직접 다운로드 합 니 다. git 와 npm
    • 에 의존 합 니 다.
  • Bower 는 1 개의 전단 플러그 인 시장 npm 는 1 개의 전후 단 플러그 인 시장 입 니 다.
  • npm https://www.npmjs.com/
  • bower github

    • 2. Bower 설치
  • nodejs 를 설치 하면 npm 도 구 를 가지 고 있 습 니 다.
  • git 설치
  • npm 로 bower 설치 npm install -g bower
    • 3. Bower 사용
  • git bash 에서 bower 를 사용 할 수도 있 고 명령 행 도구 에서 bower
    • 를 직접 사용 할 수도 있다.
  • 일반 사용 절차
  • bower bower init 이 명령 은 프로젝트 폴 더 에서 bower 환경 을 초기 화하 고 설정 파일 을 생 성 하 는 데 사 용 됩 니 다.
  • 명령 을 사용 하여 설치 합 니 다.
  • 현재 프로젝트 디 렉 터 리 에 1 개 bower install xxx --save 디 렉 터 리 를 생 성하 여 가방 을 저장 합 니 다.
  • 디 렉 터 리 를 다운로드 하 는 방식 을 지정 합 니 다.
  • 새로 만 들 기 bower_components 파일
  • .bowerrc


  • 가방 제거 {directory:"app/vendor"} 명령 사용

    • 4. Bower 의 특징
  • A 가방 이 B 가방 에 의존 하면 A 가방 을 다운로드 할 때 B 가방 을 자동 으로 다운로드 합 니 다.
  • A 가방 이 삭제 되 지 않 은 상태 에서 B 가방 을 삭제 할 수 없습니다.
  • A 가방 을 삭제 할 때 다른 가방 이 A 에 의존 하지 않 으 면 A 와 함께 삭 제 됩 니 다. 그렇지 않 으 면 A 를 삭제 하지 않 습 니 다.
    • 5. Browser-sync
    1. Browser - sync 프로필
  • 코드 가 바 뀌 면 브 라 우 저 는 자동 으로 갱 신 됩 니 다.
  • 이것 은 bower uninstall xxx --save 이 제공 하 는 가장 주요 한 기능
    • 이다.
    2. browser - sync 설치
  • browser-sync 이 명령 을 사용 하여 전역 적 으로 설치 합 니 다.
  • npm install browser-sync -g 매개 변수 역할: 이 플러그 인 은 개발 단계 에서 사용 하 는 것 이지 사용자 에 게 사용 하 는 것 이 아 닙 니 다.

    • 3. browser - sync 사용
  • 프로젝트 폴 더 에서 명령 실행 -dev
  • 이 럴 때 서 비 스 를 시작 하여 자동 으로 웹 페이지 를 엽 니 다
  • 코드 를 수정 하여 저장 할 때 브 라 우 저 는 자동 으로 갱 신 됩 니 다.
  • files 인 자 는 마스크 를 사용 할 수도 있 고 감시 할 파일 을 여러 개 지정 할 수도 있 습 니 다. 파일 이름 사이 에 쉼표 로 구 분 됩 니 다.
    • 4. 브 라 우 저 호환성 테스트. (주)
  • 브 라 우 저 작업 이 동기 화 됩 니 다.
    • 5. browser - sync 배경
  • 구체 적 인 동기 화 매개 변 수 를 설정 할 수 있 습 니 다.
    • TIL #07 - 3.07
    iFrame 자체 적응 고도(IE, 구글, 불여우, 소고,opera,safari 호환)

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage