npm and bower

npm概要
npmは何ですか
NPM(node package manager)は、一般的にnodeパケットマネージャと呼ばれる.名前の通り、その主な機能はnodeのカバンを管理します.インストール、アンインストール、更新、閲覧、検索、配信などがあります.
npmは、作成者、バージョン、依存性、ライセンス情報などを含む各パケットの情報を詳細に記録している.その重要な役割の一つは、開発者を煩雑なパッケージ管理(バージョン、依存性など)から解放し、機能の開発にもっと力を入れることです.
注:nodejsはパッケージの形でプログラムモジュールを組織していますが、パッケージの定義は非常に簡単です.ファイルの内容は規範的なpackge.jsonファイルのディレクトリまたはアーカイブファイルに適合しています.そして@を通して各カバンを一意に識別します.
npmの取り付け
最初のバージョンでは、Node.jsをインストールしてから手動でnpmをインストールする必要があります.しかし、Node.js 0.6から、npmはすでに発行カバンに含まれています.Node.jsをインストールすると、npmが自動的にインストールされます.1.windowsでnodejs windowsをインストールしてnodejsをダウンロードします.2.linuxでnodejsをインストールします.

sudo apt-get install nodejs

npmを使う
packge.jsonを使う
パッケージの定義とNPMはいずれもpackage.jsonファイルをめぐって文章を作成しています.package.jsonファイルは実はJAVAの中のMANIFEST.MFファイルに相当しています.モジュールの名前、バージョン、作者、機構、モジュールの入り口、依存項などの情報を保存します.まず、npm initコマンドを通じて、現在の作業ディレクトリの下でユーザーのガイドとして、新しいpackage.jsonファイルを作成します.npm help jsonコマンドでヘルプドキュメントを開き、実際のプロジェクトニーズに応じて、自分でpackage.jsonのプロジェクトを初期化すればいいです.以下、基礎構成項目について説明します.package.jsonはモジュールのカタログの下にあり、パッケージの属性を定義するために使用されます.次に、expressパッケージのpackage.jsonファイルを見に来ました.node_にあります.modules/express/package.json内容:1.package.json属性説明:name-包名.version-パッケージのバージョン番号.description-パッケージの説明.homepage-包の公式サイトurl.author-カバンの作者の名前.contributors-バッグの他の貢献者の名前.dependencies-packageのアプリケーション依存モジュール、つまり他の人がこのpackageを使うには、少なくともどのようなものをインストールする必要があります.依存モジュールは現在のモジュールのnode_にインストールされます.modulesディレクトリ下のdevDependencies:packageの開発依存モジュール、つまり他の人はこのpackage上で開発を行います.repository-コードを格納する場所のタイプは、gitまたはsvnであってもよく、gitはGithubであってもよい.main-mainフィールドはモジュールIDで、あなたのプログラムを指す主要な項目です.つまり、もしあなたのバッグの名前がexpressというなら、ユーザーがそれをインストールして、それからrequire(「express」)をインストールします.keywords-キーワード
NPMの設定情報
今私達はpackage.jsonに対して一定の理解があって、今理論+実践の時間に着きます.実践する前に、まずNPMの資源庫(国内の壁)を配置します.

          —— npm config ls 
          —— npm config ls -l 

設定情報を修正する3つの方法:1.ホームディレクトリのnpmrcファイルを修正する(ない場合は新しい);2.コマンドで:

npm config set  

npm config set registry http://registry.npm.taobao.org/

–registry=などのコマンドで一時的に設定できます.

npm install grunt --registry=http://registry.npm.taobao.org

npmコマンドでモジュールをインストールします.
例:以下の例では、npmコマンドを使用して、一般的なNode.jsウェブフレームモジュールexpressをインストールします.

$ sudo npm install express

インストールしてから、expressパッケージは工程カタログの下に置いてあります.modulesディレクトリの中で、コードの中でrequire(“express”)の方式を通すだけでいいです.第三者のパッケージパスを指定する必要はありません.

var express = require('express');

グローバルインストールとローカルインストール

は、プロジェクトにおいてリクライルを介して依存パケットを導入するためのローカルインストールとして使用される.

sudo npm install express          #     

グローバルインストールは、cli上で直接起動するために使用され、プロジェクト内でrequireを介して依存パケットを導入することができない.グローバルにgrunt-cliをインストールすると、cliにgruntを入力して呼び出すことができます.

sudo npm install express -g   #     

全体と現地の依存カバンはどこに保管されていますか?npm root-gとnpm rootによって、グローバルとローカルの依存パッケージからインストールされた絶対ディレクトリをそれぞれ見ることができます.ローカルの依存カバンは現在のプロジェクトのルートディレクトリの下に保存されます.modulesディレクトリの下です.以下のコマンドを使用して、グローバルにインストールされているモジュールをすべて確認できます.

$ npm ls -g

モジュールを更新
次のコマンドでモジュールを更新できます.

$ sudo npm update express

検索モジュール(リモートリソースライブラリの依存パケットを操作)
以下を使ってモジュールを検索します.

$ sudo npm search express

モジュールをアンマウント
下記のコマンドを使ってNode.jsモジュールをアンインストールできます.

$sudo npm uninstall express

アンインストール後、あなたはmodules/カタログでは、カバンがまだ存在するかどうかを確認したり、以下のコマンドを使って確認します.

$ npm ls

NPM常用コマンド

はnpm helpを使用して、npm help installなどのコマンドの詳細なヘルプを見ることができます.

.package.jsonのディレクトリの下でnpm install.-gを使用して、現在のコマンドラインプログラムをローカルにインストールして、リリース前のローカルテストに使用することができます.

npm udateを使って、現在のディレクトリのnode_を利用できます.modulesサブディレクトリの対応モジュールが最新バージョンに更新されます.

は、npm udate−gを使用して、グローバルにインストールされた対応するコマンドラインプログラムを最新版に更新することができます.

は、npm cache clearを使用して、同じバージョン番号を使用して新しいバージョンのコードを発行する人に対して、NPMローカルキャッシュを空にすることができる.

は、npm unpublish@(package)を使用して、自分が発表したバージョンコードをキャンセルすることができます.注:もっと多いコマンドは

を参照してください.
パワー
何がパワーですか
Bowerは、JavaScript、HTML、CSSなどのネットワークリソースを検索、インストール、アンインストールするためのクライアント技術のソフトウェアパッケージマネージャです.
インストール

準備作業とインストールのnode環境:node.jsはGitをインストールして、bowerは遠隔git倉庫からコードパッケージを取得します.git簡易ガイド

bowerをインストールしてnpmを使って、端末を開けて、入力:

npm install -g bower

bowerを使う
helpコマンドを使ってヘルプを表示します.
カスタムパッケージのインストールディレクトリ
まずプロジェクトディレクトリに入り、ファイル1.txtを新規作成してプロジェクトディレクトリに入るように命令します.入力コマンドはこのファイルの名前を変更します.borrc:rename 1.txt.bowercこれ.borcファイルは下記の図のようなプロジェクト構造です.
私の.borcファイルの内容は以下の通りです.

{
  "directory" : "js/lib"
}

bower初期化
コマンドラインはプロジェクトディレクトリに入ります.入力コマンドは以下の通りです.

bower init

いくつかの基本的な情報を入力するようにヒントを与えます.ヒントに従って車やスペースを押すだけでいいです.そしてbower.jsonファイルを作成して、プロジェクトを保存するための配置は以下の通りです.

{
  "name": "bb_boot",
  "version": "0.0.1",
  "authors": [    "savokiss "  ],
  "moduleType": [    "amd"  ],
  "license": "MIT",
  "ignore": [    "**/.*",    "node_modules",    "bower_components",    "js/lib",    "test",    "tests"  ],
  "dependencies": {
  }
}

パッケージの取り付け
例えば私はjqueryをインストールしたいです.次のコマンドを入力します.

bower install jquery --save

その後、bowerはリモートからjquery最新バージョンをダウンロードします.js/libディレクトリの中にあります.saveパラメータはあなたのbower.jsonに保存されています.

  "dependencies": {
    "jquery": "~2.1.4"
  }

パッケージの情報
例えば、私たちは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とnpmの違い
bowerとnpmの違い

npmはNode.jsの出現に伴うパッケージマネージャであり、最初はNode.jsのモジュール管理しかサポートできませんでした.しかし、npm公式サイトは一回の改訂を経て、javascriptのパッケージマネージャを打ち出しました.だから、Node.jsのモジュール管理はもう制限されていません.前後を通じて通じた

bowerは、最初から先端のために設計されたパッケージマネージャで、すべて先端のために考えられています.npmとbowerの最大の違いはnpmがネストに依存して管理していますが、bowerはフラットな依存しかサポートできません.注:ネスト依存とは、あなたが依存しているパッケージと、それ自体の依存性を指しています.ブドウを摘むように、大串を摘むことです.サーバー環境では、これは大丈夫です.ストレージスペースが大きいので、すべてのコードはローカルで実行されます.

ですが、ユーザーの製品のブラウザに行くと、問題になります.何Mのjsコードをユーザーにダウンロードさせてはいけません.それは最悪です.この場合は、プログラマ自身が手動で使用するクラスライブラリのネスト依存問題を解決する必要があります.例えば、さまざまなプラグインが同じバージョンのjQueryに依存することを確認します.

はなぜ多くのプロジェクトのbowerとnpmが使われていますか?それはbowerでフロントエンドのカバンを管理し、npmでバックエンドのカバンと構築ツールを管理しています.例えば、yeoman、grunt、gulp、jshintなどです.