スピード入門
4668 ワード
1.パワーとは何ですか?何の効果がありますか?
クライアントが要求するフロントエンドの開発には、多くのフロントエンドライブラリのファイルを引用する必要があります. 1個ずつダウンロードして、所望の位置にコピーするのは面倒です. ライブラリ間の依存/バージョンの依存性がよく分かりません.いつも問題があります. バージョンのアップグレード時の重複的な操作は、間違えやすい です.… bowerのようなパッケージ管理ツールを使用して、上述したような問題をうまく処理することができます.実は各種類の管理ツールの主な職責は全部このようです.
2.パワーインストール
必要なシステムはすでにnodejsをインストールしました.コマンドプロンプトの下で、次のコマンドを実行して、bowerをインストールします.
npm install bower-g
3.パワーコマンド
bower helpコマンドを実行して、そのすべてのコマンドとパラメータの紹介を見ることができます.
Usage:
bower[]Communds:
cachche Manage bower cache help Displahelp information aout Bower home Opens a package homepackage homepage into your favote broowser info Info of papapapacacacacacacacacacacacacatttpapackage e aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaweweweweweweweweweme me hohohome hohohohohohome aaaaaaapapapapapapapapapapapapapaLook up a package URL by name prune Removes local extraneous package s Register a package search Search for a package by name udate Update a local package Remove a local package version Buma package
-f,–force Makes various command more forceful-j,–json Output consumable JSON-l,–log-level What level of logs to report-o,–offine Dothit the network-q,–quiet Onlyout put put put–verbose Makes output more verbose–allow-root Allows running command as root–version Output Bower version See‘bower help’for more information on a specific command.
コマンドの概要:
cache:bowerキャッシュ管理help:Bowerコマンドのヘルプ情報homeを表示します.ブラウザでパッケージを開くgithubは、ページinfoをリリースします.パッケージの情報initを確認します.bower.jsonファイルinstallを作成します.インストールパッケージをプロジェクトlinkにインストールします.ローカルbowerライブラリでプロジェクトリンクリストを作成します.プロジェクトにインストールされたパッケージlook upを一覧表示します.無関係のパッケージregister:パッケージを登録するsearch:検索パッケージudate:更新項目のパッケージuninstall:プロジェクトのパッケージを削除します.
4.bowerを使ってライブラリをダウンロードする
各種の倉庫の管理ツールとして、werは主にそれらに対してダウンロードして管理します.例えば、私達はプロジェクトを新築しました.カタログはlzwmeで、私達のプロジェクトは以下のようなフロントエンドライブラリが必要です.jquery 1.11.1、bootstrap、jquery UI、d 3、datables 1.10.2、echarts、moment、backbone、seajs.
プロジェクトlzwmeに対して、次のような命令を順次実行できます.
bower install jquery(.cn.1.11.1–save bower install bootstrap–save bower install d 3–save bower install jqueryui–save bowell datables–save bowell echard–save boweb bowell moven
各コマンドを実行すると、自動的に対応ライブラリのファイルがダウンロードされます.components/ディレクトリは、backboneをダウンロードすると同時にundersscoreをダウンロードします.
次のような方法でファイルをダウンロードできます.
登録されたバッグは簡単に書いてもいいです.bower install jquery.co.jquery上のプロジェクトは名前を使えばいいです.git://github.com/user/package.git 嗲直通URL下载$bower installhttp://example.com/script.js
インストールコマンドには以下のパラメータがあります.
-F,–force-latest:衝突問題にかかわらず最新バージョン-pを強制的に使用します.–production:生産環境のライブラリをインストールして、開発環境に必要なファイル-Sをインストールしません.–save:インストールされたパッケージ情報をプロジェクトのbower.jsonに保存します.
5.パワー機能の使用例
5.1.インストール済みライブラリのリストを表示する
bowerリスト
lzwme D:\udevelopment/lzwme me-┬backbone咻1.1.2 extraneous咻瓗├𗎼┬┬ブットstrap煦ୗ3.0 extratoneousηneous(latest is 1.10.3)啢顫——jquery胳1.11.1(2.1.1 available)├——echarts├——extranous├——impress.js龛0.5.3 extraneous├——jquery.11.1extraneous(latest is 2.1.1)├jqueryui铂2.3.0 extraneous
5.2.あるライブラリを更新する
bower udate
5.3.ライブラリをアンマウント
$bower uninstall
5.4ローカルキャッシュのライブラリを確認する
bower cache list
backbone=git://github.com/jashkenas/backbone.git#1.1.2 bootstrap=git://github.com/twbs/bootstrap.git#3.2.0 d 3=git://github.com/mbostock/d3.git#3.4.13 datables=git://github.com/DataTables/DataTables.git#1.10.2 echarts=git://github.com/ecomfe/echarts.git#2.0.4 impress.js=git://github.com/bartaz/impress.js.git#0.5.3 jquery=git://github.com/jquery/jquery.git钾1.11.1 jquery=git://github.com/jquery/jquery.git#2.1.1 jquery-ui=git://github.com/components/jqueryui.git#1.11.2 moment=git://github.com/moment/moment.git#2.8.3 seajs=git://github.com/seajs/seajs.git#2.3.0 アンダースコア=git://github.com/jashkenas/underscore.git#1.7.0
5.5ある倉庫のホームページを見る
bower look up jquery
D:\\udevelopment\lzwme>bower lookup jquery jquerygit://github.com/jquery/jquery.git
4.6自分のクラスを公式に提出する
ここを参照してくださいhttp://bower.io/docs/creating-packages/
6.ダウンロードしたライブラリを使用する
bowerを通じて、ライブラリファイルをダウンロードしたり、更新したりすることができますが、プロジェクトの中で直接にbowerを使うことを勧めません.componentsディレクトリは、ここのファイルは全部プロジェクトの必要ではないかもしれません.一方、プロジェクトの中に安全問題のファイルがあれば、潜在的な危険が発生します.
これらのファイルはどのように使うべきですか?プロジェクト構成のディレクトリにコピーすることができます.もちろん、志文工房は自動化構築ツールを使って迅速に管理することを勧めています.bower推奨先端自動化ツールgrunt(http://lzw.me/a/grunt-getting-started.html)を選択し、対応するプラグインをいくつか紹介しました.
7.より多くの参考
http://bower.io/https://github.com/bower/bower https://github.com/yatskevich/grunt-bower-task
転載先:https://www.cnblogs.com/shinehouse/articles/4682436.html
クライアントが要求するフロントエンドの開発には、多くのフロントエンドライブラリのファイルを引用する必要があります.
2.パワーインストール
必要なシステムはすでにnodejsをインストールしました.コマンドプロンプトの下で、次のコマンドを実行して、bowerをインストールします.
npm install bower-g
3.パワーコマンド
bower helpコマンドを実行して、そのすべてのコマンドとパラメータの紹介を見ることができます.
Usage:
bower[]Communds:
cachche Manage bower cache help Displahelp information aout Bower home Opens a package homepackage homepage into your favote broowser info Info of papapapacacacacacacacacacacacacatttpapackage e aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaweweweweweweweweweme me hohohome hohohohohohome aaaaaaapapapapapapapapapapapapapaLook up a package URL by name prune Removes local extraneous package s Register a package search Search for a package by name udate Update a local package Remove a local package version Buma package
-f,–force Makes various command more forceful-j,–json Output consumable JSON-l,–log-level What level of logs to report-o,–offine Dothit the network-q,–quiet Onlyout put put put–verbose Makes output more verbose–allow-root Allows running command as root–version Output Bower version See‘bower help’for more information on a specific command.
コマンドの概要:
cache:bowerキャッシュ管理help:Bowerコマンドのヘルプ情報homeを表示します.ブラウザでパッケージを開くgithubは、ページinfoをリリースします.パッケージの情報initを確認します.bower.jsonファイルinstallを作成します.インストールパッケージをプロジェクトlinkにインストールします.ローカルbowerライブラリでプロジェクトリンクリストを作成します.プロジェクトにインストールされたパッケージlook upを一覧表示します.無関係のパッケージregister:パッケージを登録するsearch:検索パッケージudate:更新項目のパッケージuninstall:プロジェクトのパッケージを削除します.
4.bowerを使ってライブラリをダウンロードする
各種の倉庫の管理ツールとして、werは主にそれらに対してダウンロードして管理します.例えば、私達はプロジェクトを新築しました.カタログはlzwmeで、私達のプロジェクトは以下のようなフロントエンドライブラリが必要です.jquery 1.11.1、bootstrap、jquery UI、d 3、datables 1.10.2、echarts、moment、backbone、seajs.
プロジェクトlzwmeに対して、次のような命令を順次実行できます.
bower install jquery(.cn.1.11.1–save bower install bootstrap–save bower install d 3–save bower install jqueryui–save bowell datables–save bowell echard–save boweb bowell moven
各コマンドを実行すると、自動的に対応ライブラリのファイルがダウンロードされます.components/ディレクトリは、backboneをダウンロードすると同時にundersscoreをダウンロードします.
次のような方法でファイルをダウンロードできます.
登録されたバッグは簡単に書いてもいいです.bower install jquery.co.jquery上のプロジェクトは名前を使えばいいです.git://github.com/user/package.git 嗲直通URL下载$bower installhttp://example.com/script.js
インストールコマンドには以下のパラメータがあります.
-F,–force-latest:衝突問題にかかわらず最新バージョン-pを強制的に使用します.–production:生産環境のライブラリをインストールして、開発環境に必要なファイル-Sをインストールしません.–save:インストールされたパッケージ情報をプロジェクトのbower.jsonに保存します.
5.パワー機能の使用例
5.1.インストール済みライブラリのリストを表示する
bowerリスト
lzwme D:\udevelopment/lzwme me-┬backbone咻1.1.2 extraneous咻瓗├𗎼┬┬ブットstrap煦ୗ3.0 extratoneousηneous(latest is 1.10.3)啢顫——jquery胳1.11.1(2.1.1 available)├——echarts├——extranous├——impress.js龛0.5.3 extraneous├——jquery.11.1extraneous(latest is 2.1.1)├jqueryui铂2.3.0 extraneous
5.2.あるライブラリを更新する
bower udate
5.3.ライブラリをアンマウント
$bower uninstall
5.4ローカルキャッシュのライブラリを確認する
bower cache list
backbone=git://github.com/jashkenas/backbone.git#1.1.2 bootstrap=git://github.com/twbs/bootstrap.git#3.2.0 d 3=git://github.com/mbostock/d3.git#3.4.13 datables=git://github.com/DataTables/DataTables.git#1.10.2 echarts=git://github.com/ecomfe/echarts.git#2.0.4 impress.js=git://github.com/bartaz/impress.js.git#0.5.3 jquery=git://github.com/jquery/jquery.git钾1.11.1 jquery=git://github.com/jquery/jquery.git#2.1.1 jquery-ui=git://github.com/components/jqueryui.git#1.11.2 moment=git://github.com/moment/moment.git#2.8.3 seajs=git://github.com/seajs/seajs.git#2.3.0 アンダースコア=git://github.com/jashkenas/underscore.git#1.7.0
5.5ある倉庫のホームページを見る
bower look up jquery
D:\\udevelopment\lzwme>bower lookup jquery jquerygit://github.com/jquery/jquery.git
4.6自分のクラスを公式に提出する
ここを参照してくださいhttp://bower.io/docs/creating-packages/
6.ダウンロードしたライブラリを使用する
bowerを通じて、ライブラリファイルをダウンロードしたり、更新したりすることができますが、プロジェクトの中で直接にbowerを使うことを勧めません.componentsディレクトリは、ここのファイルは全部プロジェクトの必要ではないかもしれません.一方、プロジェクトの中に安全問題のファイルがあれば、潜在的な危険が発生します.
これらのファイルはどのように使うべきですか?プロジェクト構成のディレクトリにコピーすることができます.もちろん、志文工房は自動化構築ツールを使って迅速に管理することを勧めています.bower推奨先端自動化ツールgrunt(http://lzw.me/a/grunt-getting-started.html)を選択し、対応するプラグインをいくつか紹介しました.
grunt-bower-concat
grunt-wiredep
grunt-bower-requirejs
grunt-bower-task
grunt-preen7.より多くの参考
http://bower.io/https://github.com/bower/bower https://github.com/yatskevich/grunt-bower-task
転載先:https://www.cnblogs.com/shinehouse/articles/4682436.html