PyCharm 2024.3 ヘルプ

ファイル監視

このチュートリアルの内容

このチュートリアルでは、PyCharm で File Watchers を使用する方法を段階的に説明します。

File Watcher の基本、特に LESS と CoffeeScript の使用は、このチュートリアルの範囲外です。

前提条件

以下を確認してください:

  • PyCharm の Professional 版を使用しています

    .

  • Node.js(英語) がダウンロードされ、インストールされます。特定のオペレーティングシステムに応じて、実行可能ファイル Node.js へのパスを Path 環境変数に追加することをお勧めします。

  • File Watchers の使用を開始する前に、File Watchers プラグインが有効になっていることを確認してください。プラグインは PyCharm にバンドルされており、デフォルトで有効になっています。プラグインが有効になっていない場合は、プラグインのインストールの説明に従って、Ctrl+Alt+S 設定のプラグインページでプラグインを有効にしてください。

    設定ダイアログ (Ctrl+Alt+S) で、ビルド、実行、デプロイ | Docker を選択し、Docker デーモンに接続<あなたの operating system> のための Docker を選択します。例: macOS にいる場合は、Mac 用 Docker を選択します。詳細については、Docker 設定を参照してください。

  • 事前に問題に慣れておくことをお勧めします。セクション File Watchers を参照してください。

  • このチュートリアルでは、Less(英語)CoffeeScript(英語) ファイルを扱います。トレーニングを始める前にいくつかの準備手順を実行してください。

Node.js プラグインのインストール

まず、Node.js プラグインをダウンロードしてインストールします。同梱されていません。これをインストールするには、プラグインページを開き (メインツールバーで をクリックします。覚えていますか ? )、JetBrains マーケットプレイスでこのプラグインを探します。

py_nodejs_plugin.png

変更を有効にするには、PyCharm を再起動します。再起動後、言語およびフレームワークノードに新しいページが表示されます。設定ダイアログ(Ctrl+Alt+S)-Node.js

LESS および CoffeeScript コンパイラーのインストール

設定 を開き、ページ Node.js を開きます。このページで Node インタープリターを指定し (そのバージョンは自動的に決定されます)、次に をクリックします (1 回目は less をインストールし、2 回目は coffeescript をインストールします)。

すでに気づいているように、LESS と CoffeeScript はローカルにインストールされているため、対応するコンパイラーファイルはプロジェクトルートに書き込まれます。

py_nodejs_project_view.png

これらのファイルは少し後で必要になります。さあ、始めましょう !

File Watchers の設定

PyCharm が " 見る " ことができるファイルを使って作業していることを検出すると、File Watcher を設定するよう促します。

LESS ファイル用の File Watcher の構成

例: LESS ファイルを編集するために開くと、PyCharm は通知バナーを表示します:

py_nodejs_less_watcher.png

リンクウォッチャーの追加をクリックします。PyCharm は次のダイアログを表示します。ここで、File Watcher のタイプ (ここでは Less)、実行可能ファイル (ここでは lessc.cmd) を指定し、stdout から出力を生成するオプションを選択する必要があります。

py_nodejs_less_watcher_new.png

この構成を見ると、File Watcher が実際に何をしているかが簡単にわかります。

  • プロジェクト内のすべての Less ファイルの変更を監視します。

  • フィールドプログラムで指定されたコンパイラー lessc.cmd を使用して、拡張子 .less のファイルを拡張子 css のファイルにコンパイルします。

CoffeeScript の File Watcher の構成

次に、CoffeeScript ファイルを開いて編集します。PyCharm はすぐに、File Watcher を設定するように要求します。

py_nodejs_coffeescript_watcher.png

再度、ウォッチャーの追加をクリックし、File Watcher 設定、特に CoffeeScript 実行可能ファイルを指定します。

py_nodejs_coffeescript_watcher_new.png

この File Watcher は何をしますか?

  • また、プロジェクト内のすべての CoffeeScript ファイルの変更を追跡します。

  • 拡張子 .coffee のファイルを拡張子 .js のファイルにコンパイルする場合は、コンパイラー coffee.cmd を使用し、フィールドプログラムで指定します。

  • 拡張子 .coffee を持つファイルを、フィールドプログラムで指定されたコンパイラー coffee.cmd を使用して、拡張子 .map を持つファイルにコンパイルします。

File Watcher の編集

はい、こちらです。ファイル my.less を開いて編集し、何かを変更します。たとえば、変数 @myColor の名前を @Color に変更し、その値を変更します。File Watcher は変更されたソースファイルをすぐに処理し、拡張子 css の出力ファイルを生成します。

py_nodejs_less_watcher_edit.png

次に、CoffeeScript ファイルを編集するために開き、そこで何かを変更します。構成された File Watcher は、JavaScript ファイルとソースマッピングファイルを生成します。

py_nodejs_coffeescript_watcher_edit.png

どちらの場合でも、PyCharm はソースファイルにプロジェクトツールウィンドウで生成されたファイルを表示します。

トラブルシューティング、またはエラーが発生した場合

File Watcher によって実行されたコマンドラインツールが失敗した場合、PyCharm はその出力を実行ツールウィンドウに表示します。

py_nodejs_error.png

トラブルシューティングに役立つ、そうではありませんか?

関連ページ:

プラグインのインストール

プラグインは PyCharm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケット...

Docker 接続設定

PyCharm から Docker エンジン API にアクセスするための設定を指定します。Docker と PyCharm の統合の使用方法の詳細については、「Docker」を参照してください。Docker プラグインを有効にするこの機能は、デフォルトで PyCharm にバンドルされて有効になっている Docker プラグインに依存しています。関連する機能が利用できない場合は、プラグインを無効にしていないことを確認してください。を押して設定を開き、を選択します。インストール済みタブを開き、Doc...

File Watchers

File Watcher は PyCharm ツールであり、IDE でファイルを変更または保存するときに、コンパイラー、フォーマッタ、リンターなどのコマンドラインツールを自動的に実行できます。File Watchers には 2 つの専用コードインスペクションがあります。ファイル監視使用可能インスペクションは、定義済みの File Watcher が適用可能なすべてのファイルで実行されます。プロジェクトに関連する File Watcher が設定されていない場合、PyCharm は追加することを提...

プラグイン

このページを使用してプラグインを管理します。プラグインリポジトリを参照し、プラグインのインストール、削除、有効化、無効化、更新を行います。マーケットプレースこのタブを使用して、JetBrains マーケットプレイスからプラグインを参照してインストールします。カスタムプラグインリポジトリを参照する場合は、に続けてリポジトリの URL を入力します。例:repository:

プロジェクトツールウィンドウ

プロジェクトツールウィンドウを使用すると、さまざまな視点からプロジェクトを確認し、新しい項目 (ディレクトリ、ファイル、クラスなど) の作成、エディターでのファイルのオープン、必要なコードフラグメントへの移動などのさまざまなタスクを実行できます。このツールウィンドウのほとんどの機能には、コンテンツペインのコンテキストメニューコマンドとして、関連するショートカットを介してアクセスします。このビューには、作成されたスクラッチファイル、クエリコンソール、拡張スクリプトを管理できるスクラッチとコンソール...

Dart

PyCharm を使用すると、DartWeb アプリケーションとコマンドラインアプリケーションを開発、実行、デバッグできます。PyCharm は、コード補完、エラーと構文のハイライト、コードインスペクションとクイックフィックス、検索とナビゲーション、リファクタリングなどを提供できます。PyCharm は、pub ツールおよび Dart 分析サーバーとも統合されます。Dart プラグインをインストールするこの機能は、インストールして有効にする必要がある Dart プラグインに依存しています。を押して設定...