Bower
Bower(英語) は、HTML、CSS、JavaScript、フォント、イメージファイルなどを含むクライアント側のライブラリとコンポーネントのパッケージマネージャーです。WebStorm を移動せずに、専用の Bower ページで、または組み込みターミナルのコマンドラインから Bower パッケージをインストール、検索、アップグレード、削除できます。
始める前に
お使いのコンピューターに Node.js(英語) がインストールされていることを確認してください。
JetBrains マーケットプレイスからプラグインをインストールするの説明に従って、設定 | プラグインページのタブマーケットプレースに Bower プラグインをインストールして有効にします。
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 オフィシャル Web サイト(英語)を参照してください。Bower パッケージは、Bower ページまたはターミナルツールウィンドウで管理できます。
埋め込まれたターミナル（Alt+F12）で、次のいずれかのコマンドを入力します。
プロジェクトの依存関係としてパッケージをインストールする
bower install --save <package_name>開発依存関係としてパッケージをインストールするための
bower install --save-dev <package_name>
Ctrl+Alt+S を押して設定を開き、 を選択します。
Bower ページのパッケージ領域には、プロジェクトに現在インストールされているすべての Bower パッケージが表示されます。
パッケージをインストールするには、
をクリックし、表示される使用可能なパッケージダイアログで必要なパッケージを選択してパッケージのインストールをクリックします。パッケージの最新バージョンにアップグレードするには、リストでパッケージを選択し、アップグレードボタン (
) をクリックします。パッケージをアンインストールするには、リストでパッケージを選択し、除去ボタン (
) をクリックします。
関連ページ：
ターミナル
WebStorm には、IDE 内からコマンドラインシェルを操作するための組み込みターミナルエミュレータが含まれています。専用のターミナルアプリケーションに切り替えることなく、Git コマンドの実行、ファイルのアクセス許可の設定、その他のコマンドラインタスクの実行に使用します。ターミナルプラグインを有効にするこの機能は、デフォルトで WebStorm にバンドルされて有効になっているターミナルプラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認して...
プラグインのインストール
プラグインは WebStorm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。デフォルトでは、WebStorm には多数のプラグインがバンドルされています。バンドルされたプラグインを無効にするこ...
Astro
WebStorm は、構文のハイライト、自動インポートによるコード補完、リファクタリング、ナビゲーション、インテンション、コードの折りたたみ、Emmet のサポート、正しいフォーマットなどの基本的な Astro Web フレームワーク機能を提供します。始める前に：お使いのコンピューターに Node.js がインストールされていることを確認してください。JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに Astro プラ...
CoffeeScript
WebStorm では、JavaScript にコンパイルされる CoffeeScript を使用できます。WebStorm は *.coffee ファイルを認識し、それらにのマークを付けます。CoffeeScript コードにブレークポイントを直接設定でき、WebStorm はコンパイル中に生成されたソースマップを使用してブレークポイントを認識します。WebStorm は、キーワード、ラベル、変数、パラメーター、関数の補完を提案することにより、CoffeeScript コードの作成を支援します。シンボ...