Bower
Bower(英語) は、HTML、CSS、JavaScript、フォント、イメージファイルなどを含むクライアント側のライブラリとコンポーネントのパッケージマネージャーです。 WebStorm を離れずに、専用の Bower ページ または組み込み ターミナル のコマンドラインで Bower パッケージをインストール、検索、アップグレード、削除できます。
始める前に
コンピューターに Node.js(英語) があることを確認してください。
設定 | プラグイン ページのタブ マーケットプレース で Bower プラグインをインストールして有効化します。詳しくは JetBrains Marketplace からプラグインをインストールする を参照してください。
Bower のインストールと設定
Bower をインストールする
組み込み ターミナル (Alt+F12) で次のように入力します。
npm install -g bower
bower.json を作成する。
組み込み ターミナル (Alt+F12) で次のように入力します。
cd <your project folder>bower init質問に答えて、次の基本設定を指定します：
使用するテストフレームワーク。
自動的にキャプチャーされるブラウザー。
テストに関与するテストファイルの場所を定義するパターン、またはテストファイルの対象から除外されるテストファイルの場所を定義するパターン。
Bower オフィシャル Web サイト(英語)の詳細を参照してください。
WebStorm で Bower を構成する
Ctrl+Alt+S を押して設定を開き、 を選択します。
Bower パッケージと bower.json 構成ファイルの場所を指定します。
Bower パッケージを管理する
Bower はパッケージを プロジェクト依存関係 または 開発依存関係 としてのみインストールします。詳しくは Bower の公式サイト をご覧ください。 Bower パッケージは Bower ページまたは ターミナル ツールウィンドウで管理できます。
埋め込まれた ターミナル （Alt+F12 ）で、次のいずれかのコマンドを入力します。
プロジェクトの依存関係としてパッケージをインストールする
bower install --save <package_name>開発依存関係としてパッケージをインストールするための
bower install --save-dev <package_name>
Ctrl+Alt+S を押して設定を開き、 を選択します。
Bower ページの パッケージ 領域には、プロジェクトに現在インストールされているすべての Bower パッケージが表示されます。
パッケージをインストールするには、
をクリックし、表示される 使用可能なパッケージ ダイアログで必要なパッケージを選択して パッケージのインストール をクリックします。パッケージの最新バージョンにアップグレードするには、リストでパッケージを選択し、 アップグレード ボタン (
) をクリックします。パッケージをアンインストールするには、リストでパッケージを選択し、 削除 ボタン (
) をクリックします。