Bower
Bower(英語) は、HTML、CSS、JavaScript、フォント、イメージファイルなどを含むクライアント側のライブラリとコンポーネントのパッケージマネージャーです。PhpStorm を移動せずに、専用の Bower ページで、または組み込みターミナルのコマンドラインから Bower パッケージをインストール、検索、アップグレード、削除できます。
始める前に
Node.js をダウンロードしてインストールします。
プロジェクトでローカル Node.js インタープリターが構成されていることを確認します。設定ダイアログ(Ctrl+Alt+S)を開き、 に移動します。Node インタープリターフィールドには、デフォルトのプロジェクト Node.js インタープリターが表示されます。
ローカル 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 にバンドルされて有効になっているターミナルプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認して...
Bower
このページでは、Bower パッケージマネージャーの実行可能ファイルと構成ファイルの場所を指定し、外部ツールをインストール、アンインストール、アップグレードします。Node インタープリター Bower パッケージこのフィールドには、Bower 実行可能ファイル(使用するオペレーティングシステムに応じて bower.cmd またはその他)を含むフォルダーを指定します。手動でパスを入力するか、以前に使用されていた場合はリストから選択するか、をクリックして表示されるダイアログで場所を選択します。bower...
Node.js
Node.js は、サーバーやコマンドラインなど、ブラウザーの外部で JavaScript を実行するための軽量ランタイム環境です。PhpStorm は Node.js と統合されており、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、保守を支援します。Node.js がアプリケーションのローカルランタイムとして、または npm パッケージの管理、JavaScript リンターの実行、ツールのビルド、フレームワークのテストなどにのみ必要な場合は、Node.js をインストール...
AngularJS
Angular 1 とも呼ばれる AngularJS は、シングルページ Web アプリケーションを開発するためのフレームワークです。PhpStorm は、あらかじめ定義されたカスタムディレクティブとコントローラー名とアプリケーション名のための AngularJS 対応の補完オプションと、中括弧式内のデータバインディングのコードインサイトを提案します。組み込みの AngularJS ライブテンプレートを使用して、HTML のコントローラー名と JavaScript の定義名の間、またはまたはとテンプレ...
JavaScript ライブラリを構成する
言語と IDE のコンテキストでは、ライブラリはファイルまたはファイルのセットです。これらのファイルの関数とメソッドは、編集したプロジェクトコードから PhpStorm が取得する関数とメソッドに加えて、PhpStorm の内部知識に追加されます。プロジェクトのスコープでは、そのライブラリはデフォルトで書き込み保護されています。PhpStorm は、2 つの事前定義された自動生成ライブラリフォルダーを予約します。node_modules プロジェクト package.json のオブジェクトにリストさ...