ファイル監視
このチュートリアルの内容
このチュートリアルでは、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 デーモンに接続の <あなたの operating system> のための Docker を選択します。例: macOS にいる場合は、Mac 用 Docker を選択します。詳細については、Docker 設定を参照してください。
事前に問題に慣れておくことをお勧めします。セクション File Watchers を参照してください。
このチュートリアルでは、Less(英語) と CoffeeScript(英語) ファイルを扱います。トレーニングを始める前にいくつかの準備手順を実行してください。
Node.js プラグインのインストール
まず、Node.js プラグインをダウンロードしてインストールします。同梱されていません。これをインストールするには、プラグインページを開き (メインツールバーで をクリックします。覚えていますか ? )、JetBrains マーケットプレイスでこのプラグインを探します。
変更を有効にするには、PyCharm を再起動します。再起動後、言語およびフレームワークノードに新しいページが表示されます。設定ダイアログ(Ctrl+Alt+S)-Node.js。
LESS および CoffeeScript コンパイラーのインストール
設定 を開き、ページ Node.js を開きます。このページで Node インタープリターを指定し (そのバージョンは自動的に決定されます)、次に をクリックします (1 回目は less をインストールし、2 回目は coffeescript をインストールします)。
すでに気づいているように、LESS と CoffeeScript はローカルにインストールされているため、対応するコンパイラーファイルはプロジェクトルートに書き込まれます。
これらのファイルは少し後で必要になります。さあ、始めましょう !
File Watchers の設定
PyCharm が " 見る " ことができるファイルを使って作業していることを検出すると、File Watcher を設定するよう促します。
LESS ファイル用の File Watcher の構成
例: LESS ファイルを編集するために開くと、PyCharm は通知バナーを表示します:
リンクウォッチャーの追加をクリックします。PyCharm は次のダイアログを表示します。ここで、File Watcher のタイプ (ここでは Less)、実行可能ファイル (ここでは lessc.cmd) を指定し、stdout から出力を生成するオプションを選択する必要があります。
この構成を見ると、File Watcher が実際に何をしているかが簡単にわかります。
プロジェクト内のすべての Less ファイルの変更を監視します。
フィールドプログラムで指定されたコンパイラー lessc.cmd を使用して、拡張子 .less のファイルを拡張子 css のファイルにコンパイルします。
CoffeeScript の File Watcher の構成
次に、CoffeeScript ファイルを開いて編集します。PyCharm はすぐに、File Watcher を設定するように要求します。
再度、ウォッチャーの追加をクリックし、File Watcher 設定、特に CoffeeScript 実行可能ファイルを指定します。
この File Watcher は何をしますか?
また、プロジェクト内のすべての CoffeeScript ファイルの変更を追跡します。
拡張子 .coffee のファイルを拡張子 .js のファイルにコンパイルする場合は、コンパイラー coffee.cmd を使用し、フィールドプログラムで指定します。
拡張子 .coffee を持つファイルを、フィールドプログラムで指定されたコンパイラー coffee.cmd を使用して、拡張子
.map
を持つファイルにコンパイルします。
File Watcher の編集
はい、こちらです。ファイル my.less を開いて編集し、何かを変更します。たとえば、変数 @myColor
の名前を @Color
に変更し、その値を変更します。File Watcher は変更されたソースファイルをすぐに処理し、拡張子 css の出力ファイルを生成します。
次に、CoffeeScript ファイルを編集するために開き、そこで何かを変更します。構成された File Watcher は、JavaScript ファイルとソースマッピングファイルを生成します。
どちらの場合でも、PyCharm はソースファイルにプロジェクトツールウィンドウで生成されたファイルを表示します。
トラブルシューティング、またはエラーが発生した場合
File Watcher によって実行されたコマンドラインツールが失敗した場合、PyCharm はその出力を実行ツールウィンドウに表示します。
トラブルシューティングに役立つ、そうではありませんか?
関連ページ:
プラグインのインストール
プラグインは 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 プラグインに依存しています。を押して設定...