Bower
Bower(英語) は、HTML、CSS、JavaScript、フォント、イメージファイルなどを含むクライアント側のライブラリとコンポーネントのパッケージマネージャーです。JetBrains Rider を移動せずに、専用の 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 サイト(英語)の詳細を参照してください。
JetBrains Rider で 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 パッケージが表示されます。
パッケージをインストールするには、
をクリックし、表示される使用可能なパッケージダイアログで必要なパッケージを選択してパッケージのインストールをクリックします。
パッケージの最新バージョンにアップグレードするには、リストでパッケージを選択し、アップグレードボタン (
) をクリックします。
パッケージをアンインストールするには、リストでパッケージを選択し、除去ボタン (
) をクリックします。
関連ページ:
![](https://resources.jetbrains.com/help/img/rider/2024.1/terminal-far.png)
ターミナル
JetBrains Rider には、IDE 内からコマンドラインシェルを操作するためのターミナルエミュレータが組み込まれています。専用のターミナルアプリケーションに切り替えることなく、.NET コマンド (たとえばエンティティフレームワークコアを使用)、Git コマンドの実行、ファイルアクセス許可の設定、その他のコマンドラインタスクの実行に使用します。ターミナルプラグインを有効にするこの機能は、デフォルトで JetBrains Rider にバンドルされて有効になっているターミナルプラグインに...
![](https://pleiades.io/icons/rider.png)
Bower
このページでは、Bower パッケージマネージャーの実行可能ファイルと構成ファイルの場所を指定し、外部ツールをインストール、アンインストール、アップグレードする Node インタープリター Bower パッケージこのフィールドには、Bower 実行可能ファイル(使用するオペレーティングシステムに応じて bower.cmd またはその他)を含むフォルダーを指定します。手動でパスを入力するか、以前に使用されていた場合はリストから選択するか、をクリックして表示されるダイアログで場所を選択します。bower.j...
![](https://resources.jetbrains.com/help/img/rider/2024.1/ws_node_alias.png)
言語およびフレームワーク: Node.js
Node.js は、サーバーやコマンドラインなど、ブラウザーの外部で JavaScript を実行するための軽量ランタイム環境です。JetBrains Rider は Node.js と統合されており、アプリケーションの構成、編集、実行、デバッグ、テスト、プロファイリング、保守を支援します。Node.js がアプリケーションのローカルランタイムとして、または npm パッケージの管理、JavaScript リンターの実行、ツールのビルド、フレームワークのテストなどにのみ必要な場合は、Node.js...
![](https://resources.jetbrains.com/help/img/rider/2024.1/ws_npm_yarn_package_run_npm_install.png)
AngularJS
Angular 1 とも呼ばれる AngularJS は、シングルページ Web アプリケーションを開発するためのフレームワークです。JetBrains Rider は、あらかじめ定義されたカスタムディレクティブとコントローラー名とアプリケーション名のための AngularJS 対応の補完オプションと、中括弧式内のデータバインディングのコードインサイトを提案します。組み込みの AngularJS ライブテンプレートを使用して、HTML のコントローラー名と JavaScript の定義名の間、またはま...
![](https://resources.jetbrains.com/help/img/rider/2024.1/ws_js_configure_libraries_external_libraries_node.png)
JavaScript ライブラリを構成する
言語と IDE のコンテキストでは、ライブラリはファイルまたはファイルのセットです。これらのファイルの関数とメソッドは、編集したプロジェクトコードから JetBrains Rider が取得する関数とメソッドに加えて、JetBrains Rider の内部知識に追加されます。プロジェクトのスコープでは、そのライブラリはデフォルトで書き込み保護されています。JetBrains Rider は、2 つの事前定義された自動生成ライブラリフォルダーを予約します。node_modules プロジェクト pac...