bower使用メモ

4430 ワード

bowerとは


Bower-A package manager for the web bowerはフロントエンドパッケージ管理ツールです.個人的にはフロントエンドに依存するライブラリを管理する管理ツールだと思います.1つのプロジェクトが複数のライブラリに使用されると、管理が面倒になります.

パッケージの概念


複数のパッケージをインストールすると、これらのリソースのプロファイルがbowerに書き込まれます.json中.

bowerのインストール


まずシステムにnodejsがインストールされていることを確認します.その後、npm(nはnodeモジュールを専門に管理する管理ツールであり、bowerはnodeのモジュールである)パッケージ管理ツールでダウンロードし、
//グローバルインストールbower:npm install-g bower//グローバルインストールBower後、Bowerのヘルプ情報を表示できます.コマンド:bower help

bowerの使用


注意:bowerダウンロードインストール依存ライブラリは実際にgitを使用してダウンロードされます.linuxシステムの場合、デフォルトでgitがインストールされているため、一般的には問題ありません.しかしwindowsシステムにはgitはありません.Windowsシステムでgitクライアントがインストールされていることを確認する必要があります.bower installコマンドを実行するには、同じgit bashコマンドラインを使用することをお勧めします.あるいはgitディレクトリをwindowsの環境変数に追加し、コマンドラインでbower installコマンドを実行します.bowerを使用して、jqueryなどの特定のクラスライブラリをインストールします.
bower install jquery
各コマンドを実行すると、bowerは対応するライブラリファイルbowerを自動的にダウンロードします.commponts/ディレクトリ
bower install jquery-ui#1.10.1
上記のコマンドは、jquery-uiをインストールするバージョン1.10.1を指定します.あるライブラリが別のライブラリに依存している場合、デフォルトでは依存するライブラリが一緒にインストールされます.たとえば、jquery-uiはjqueryに依存し、インストール時にjqueryとともにインストールされます.インストール後のライブラリはプロジェクトのbowerにデフォルトで保存されます.componentsサブディレクトリは、他の場所を指定する場合は.bowercファイルのdirectoryプロパティ設定.{ "directory": "public/components"}
bower install jquery --save
その後、bowerはjqueryの最新バージョンをリモートからjs/libディレクトリにダウンロードします.saveパラメータはbowerに構成を保存します.json.
Bowerは、ファイル#に登録されているパッケージをダウンロードするには、以下の方法を使用します.簡単に使用できます.
bower install jquery
#GitHub    ,      

bower install desandro/masonry
#GitHub    

bower install git://github.com/......
#    URL  

义齿
bowerを使用して、jqueryなどの特定のクラスライブラリを更新します.
bower update jquery
jqueryなどのパケットの削除(パケットが依存している場合は削除できません)
bower uninstall jquery
より多くのコマンドはhelpで表示してください.
bower help

保守依存


使用
bower install package --save
パッケージをプロジェクトにインストールし、依存関係をbowerに書き込むことができます.jsonのdependencies配列.同じ理屈で
bower install package --save-dev
パッケージをbowerに書き込むことができます.jsonのdevDependencies配列.

bower初期化


bower init
ヒントに従って車やスペースを押すと、bowerが生成されます.jsonファイルは、プロジェクトの構成を保存するために使用されます.以下のようにします:(未完了)bower.jsonの仕様のオプションは、主にnameパッケージ名、必須です.バージョンに意味のあるバージョン番号.main文字列または配列は、主にパッケージに使用されるファイルを指定します.ignore配列、一連のファイル名またはディレクトリは、bowerにパッケージをインストールするときに指定した内容を無視するように伝えます.keywords文字列配列は、主にユーザーがあなたのパッケージを検索できるようにすることをお勧めします.dependenciesハッシュ構造、依存パッケージ、バージョン番号、バージョン番号範囲参照を指定できます.devDependenciesハッシュ構造、本番環境で依存するパッケージ、バージョン番号範囲参照.privateブール値は、trueに設定するとプライベートを維持し、将来公開されません.

パッケージの情報


たとえば、jqueryにどのバージョンがあるかを検索するには、次のコマンドを入力します.
bower info jquery
jqueryのbowerが見えます.jsonの情報と利用可能なバージョン情報はjqueryの最新の互換版バージョンが1.11.3であることを見ることができます

パッケージの更新


最新版の高バージョンjqueryがインストールされていますが、低バージョンブラウザと互換性を持ちたい場合は?低バージョンのブラウザに互換性のあるjqueryバージョンが1.11.3であることが判明し、bowerを直接変更します.jsonファイルのjqueryバージョン番号は次のとおりです.
"dependencies": { "jquery": "~1.11.3"}
次に、次のコマンドを実行します.
bower update
bowerはjqueryのバージョンを切り替えます

パッケージの検索


もう一つ重要な機能は、パッケージの検索です.例えば、bootstrapのプラグインをインストールしたいのですが、名前が覚えられないので、コマンドラインに直接入力することができます.
bower search bootstrap
bowerには文字列bootstrapを含む使用可能なパッケージがリストされます

パッケージのアンインストール


パッケージをアンインストールするにはuninstallコマンドを使用します.
bower uninstall jquery
bower install bootstrap bowerはgithubから最新のコードを自動的にダウンロードし、依存パッケージjqueryも自動的にダウンロードします.
指定バージョン:bower install jquery#1.7.2 bower install bootstrap#3.3.5--save
マルチバージョン共存:jquery v 1のインストールなど、packageの異なるバージョン(マルチバージョン共存)を同時にインストールする.7.0、v 1をインストールする.9.1および最新バージョンのjquery(現在2.1.1)では、以下のようにインストールが完了すると、bower_componentsディレクトリの下にはjquery-olderディレクトリ(1.7.0)、jquery-oldディレクトリ(1.9.1)、jqueryディレクトリ(最新版)が同時に存在します.jquery v 1をインストールする.7.0 bower install jquery-older=juqery#1.7.0[]jquery v 1をインストールする.9.0 bower install jquery-old=juqery#1.9.1[]最新版jquerybower install jquery[]をインストール

bower常用コマンド


Cache:bowerキャッシュ管理help:Bowerコマンドのヘルプ情報を表示home:ブラウザでパッケージのgithubパブリッシュページを開くinfo:パッケージの情報を表示init:bowerを作成する.jsonファイルinstall:インストールパッケージからプロジェクトlink:ローカルbowerライブラリでプロジェクトリンクlistを作成する:プロジェクトがインストールされているパッケージlookupをリストする:パッケージ名に基づいてパッケージのURL pruneをクエリーする:プロジェクトに関係のないパッケージregisterを削除する:パッケージsearchを登録する:プロジェクトのパッケージupdateを検索する:プロジェクトのパッケージuninstallを更新する:プロジェクトのパッケージを削除する
参照[https://segmentfault.com/a/1190000000349555]