IntelliJ IDEA 2026.1 Help

Bower

Bower(英語) は、HTML、CSS、JavaScript、フォント、イメージファイルなどを含むクライアント側のライブラリとコンポーネントのパッケージマネージャーです。 intellij idea を移動せずに、専用の bower ページ で、または組み込みターミナルのコマンドラインから Bower パッケージをインストール、検索、アップグレード、削除できます。

始める前に

  1. Node.js をダウンロードしてインストールします。

  2. JetBrains Marketplace からプラグインをインストールするの説明に従って、 設定 | プラグイン ページの Marketplace タブで Bower プラグインをインストールして有効にします。 このプラグインは IntelliJ IDEA Ultimate でのみ利用可能です。

Bower のインストールと設定

Bower をインストールする

  • 組み込み ターミナル (Alt+F12) で次のように入力します。

    npm install -g bower

bower.json を作成する

  1. 組み込み ターミナル (Alt+F12) で次のように入力します。

    cd <your project folder>
    bower init
  2. 質問に答えて、次の基本設定を指定します。

    • 使用するテストフレームワーク。

    • 自動的にキャプチャーされるブラウザー。

    • テストに関与するテストファイルの場所を定義するパターン、またはテストファイルの対象から除外されるテストファイルの場所を定義するパターン。

    Bower オフィシャル Web サイト(英語)の詳細を参照してください。

IntelliJ IDEA で Bower を構成する

  1. Ctrl+Alt+S を押して設定を開き、 言語 & フレームワーク | JavaScript | Bower を選択します。

  2. Bower パッケージと bower.json 構成ファイルの場所を指定します。

Bower パッケージを管理する

Bower は、パッケージを プロジェクトの依存関係または 開発の依存関係としてのみインストールします。詳細は Bower の公式 Web サイトを参照してください(英語)。 Bower のパッケージは、 Bower ページまたは ターミナル ツールウィンドウで管理できます。

  • 埋め込まれた ターミナルAlt+F12 )で、次のいずれかのコマンドを入力します。

    • プロジェクトの依存関係としてパッケージをインストールする bower install&#xa0;--save <package_name>

    • 開発依存関係としてパッケージをインストールするための bower install&#xa0;--save-dev <package_name>

  • Ctrl+Alt+S を押して設定を開き、 言語 & フレームワーク | JavaScript | Bower を選択します。

    Bower ページの パッケージ 領域には、プロジェクトに現在インストールされているすべての Bower パッケージが表示されます。

    • パッケージをインストールするには、 追加ボタン をクリックし、表示される 使用可能なパッケージ ダイアログで必要なパッケージを選択して パッケージのインストール をクリックします。

    • パッケージの最新バージョンにアップグレードするには、リストでパッケージを選択し、 アップグレード ボタン (the Upgrade button) をクリックします。

    • パッケージをアンインストールするには、リストでパッケージを選択し、 除去 ボタン (the Remove button) をクリックします。

2026 年 3 月 30 日