Bower
Bower(英語) は、HTML、CSS、JavaScript、フォント、イメージファイルなどを含むクライアント側のライブラリとコンポーネントのパッケージマネージャーです。PhpStorm を移動せずに、専用の Bower ページで、または組み込みターミナルのコマンドラインから Bower パッケージをインストール、検索、アップグレード、削除できます。
始める前に
JetBrains マーケットプレイスからプラグインをインストールするの説明に従って、設定 | プラグインページのタブマーケットプレースに Bower プラグインをインストールして有効にします。
Node.js をダウンロードしてインストールします。
Bower のインストールと設定
Bower をインストールする
埋め込まれたターミナル（Alt+F12）で、次のように入力します。
npm install -g bower
bower.json を作成する
埋め込まれたターミナル（Alt+F12）で、次のように入力します。
cd <your project folder> bower init質問に答えて、次の基本設定を指定します。
使用するテストフレームワーク。
自動的にキャプチャーされるブラウザー。
テストに関与するテストファイルの場所を定義するパターン、またはテストファイルの対象から除外されるテストファイルの場所を定義するパターン。
Bower オフィシャル Web サイト(英語)の詳細を参照してください。
PhpStorm で Bower を構成する
Ctrl+Alt+S を押して設定を開き、 を選択します。
Bower パッケージと bower.json 構成ファイルの場所を指定します。
Bower パッケージを管理する
Bower は、パッケージをプロジェクト依存関係または開発依存関係としてのみインストールします。詳細については、Bower オフィシャル Web サイト(英語)を参照してください。Bower パッケージは、Bower ページまたはターミナルツールウィンドウで管理できます。
埋め込まれたターミナル（Alt+F12）で、次のいずれかのコマンドを入力します。
プロジェクトの依存関係としてパッケージをインストールする
bower install --save <package_name>開発依存関係としてパッケージをインストールするための
bower install --save-dev <package_name>
Ctrl+Alt+S を押して設定を開き、 を選択します。
Bower ページのパッケージ領域には、プロジェクトに現在インストールされているすべての Bower パッケージが表示されます。
パッケージをインストールするには、
をクリックし、表示される使用可能なパッケージダイアログで必要なパッケージを選択してパッケージのインストールをクリックします。パッケージの最新バージョンにアップグレードするには、リストでパッケージを選択し、アップグレードボタン (
) をクリックします。パッケージをアンインストールするには、リストでパッケージを選択し、除去ボタン (
) をクリックします。
関連ページ：
ターミナル
PhpStorm には、IDE 内からコマンドラインシェルを操作するための組み込みターミナルエミュレータが含まれています。専用のターミナルアプリケーションに切り替えることなく、Git コマンドの実行、ファイルのアクセス許可の設定、その他のコマンドラインタスクの実行に使用します。ターミナルプラグインを有効にするこの機能は、デフォルトで PhpStorm にバンドルされて有効になっているターミナルプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認して...
プラグインのインストール
プラグインは PhpStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケッ...
AngularJS
Angular 1 とも呼ばれる AngularJS は、シングルページ Web アプリケーションを開発するためのフレームワークです。PhpStorm は、あらかじめ定義されたカスタムディレクティブとコントローラー名とアプリケーション名のための AngularJS 対応の補完オプションと、中括弧式内のデータバインディングのコードインサイトを提案します。組み込みの AngularJS ライブテンプレートを使用して、HTML のコントローラー名と JavaScript の定義名の間、またはまたはとテンプレ...
JavaScript ライブラリを構成する
言語と IDE のコンテキストでは、ライブラリはファイルまたはファイルのセットです。これらのファイルの関数とメソッドは、編集したプロジェクトコードから PhpStorm が取得する関数とメソッドに加えて、PhpStorm の内部知識に追加されます。プロジェクトのスコープでは、そのライブラリはデフォルトで書き込み保護されています。PhpStorm は、2 つの事前定義された自動生成ライブラリフォルダーを予約します。node_modules プロジェクト package.json のオブジェクトにリストさ...