Handlebars および Mustache
PyCharm を使用すると、hbs または mustache ファイルで Handlebars 式と Mustache テンプレート(英語)を使用できます。PyCharm は、設定ダイアログのテンプレートページで指定されたデフォルト設定またはカスタム設定に従って、このようなファイルの内容を処理する
始める前に
設定で JavaScript と TypeScript プラグインが有効になっていることを確認します。Ctrl+Alt+S を押して設定を開き、 を選択します。インストール済みタブをクリックします。検索フィールドに JavaScript と TypeScript と入力します。プラグインの詳細については、プラグインのマッピングを参照してください。
JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに Handlebars/Mustache プラグインをインストールして有効にします。
PyCharm での Handlebars および Mustache の構成
設定ダイアログ(Ctrl+Alt+S)で、 に移動します。
開いているテンプレートページで、Handlebars/Mustache 領域に切り替えます。
最初の閉じを入力したときに Handlebars 式の 2 番目の終点波括弧、
}
を自動的に挿入するには、終了タグを自動的に挿入するチェックボックスを選択します。PyCharm は、式内の値のエスケープを防ぐトリプルスタッシュ
{{{
も認識します。この場合、PyCharm は、最初の右波括弧を入力するとすぐに、2 つの右波括弧を自動的に挿入します。Handlebars 式と Mustache テンプレートをコード生成、リファクタリング、Ctrl+Alt+L を押すと自動的に再フォーマットするには、フォーマットを有効にするチェックボックスを選択します。それ以外の場合、PyCharm は常に元の書式を保持します。
コメントのスタイルを使用する言語を選択してください。Ctrl+/ または Ctrl+Shift+/ を押して行コメントまたはブロックコメントを入力すると、PyCharm は選択された言語で使用されているコメント区切り文字を挿入します。例:
Handlebars 用
{{!----}}
JavaScript 用
/**/
HTML 用
<!---->
Handlebars/Mustache 対応の構文ハイライトを設定するには、設定ダイアログ (Ctrl+Alt+S) で に移動します。配色を選択し、デフォルトから継承されたハイライト設定を受け入れるか、色とフォントの設定の説明に従ってカスタマイズします。
関連ページ:
プラグインのインストール
プラグインは PyCharm のコア機能を拡張します。例: プラグインをインストールして、次の機能を取得します。バージョン管理システム、課題追跡システム、ビルド管理サーバー、その他のツールとの統合。さまざまな言語とフレームワークのコーディング支援サポート。ショートカットのヒント、ライブプレビュー、ファイルウォッチャーなど。新しいプログラミング言語を学ぶのに役立つコーディング演習。プラグイン設定を開くを押して設定を開き、を選択します。マーケットプレースタブを使用して、JetBrains マーケット...
色とフォント
開発者は、エディターのソースコード、検索結果、デバッガー情報、コンソールの入出力など、多くのテキストリソースを操作します。このテキストのフォーマットには色とフォントスタイルが使用されており、一目で理解できるようになります。PyCharm では、IDE テキストで使用される色とフォントを定義する構成可能な配色から選択できます。事前定義された配色を使用するか、あなたの好みに合わせてカスタマイズすることができます。スキームを共有することも可能です。配色を選択を押して設定を開き、を選択します。あるいは、...
Gulp
PyCharm は Gulp.js タスクランナーと一体化しています。PyCharm は、タスクの定義を認識し、タスクをツリービューで表示し、ツリー内のタスクと Gulpfile.js ファイルの定義を移動し、タスクの実行とデバッグをサポートする Gulpfile.js ファイルを解析する Gulp.js タスクは、専用の Gulp ツールウィンドウのタスクツリーから、または Gulp.js の実行構成を起動して Gulpfile.js ファイルから、または別の実行構成からの起動前タスクとして実行できます。PyCh...
JavaScript ドキュメントの検索
PyCharm は、標準の JavaScript API、プロジェクトとその依存関係からのシンボル、外部ライブラリで定義されたシンボルのリファレンスを示しています。ドキュメントポップアップでシンボルのドキュメントを表示し、リンクが利用可能な場合は外部サイトのドキュメントを開くことができます。プロジェクトシンボルまたはプロジェクト依存のシンボルの場合、PyCharm は対応する JSDoc コメントからドキュメントを生成します。標準の JavaScript オブジェクトまたはメソッドの場合、PyCh...