PyCharm 2024.3 ヘルプ

Emmet

このページでは、HTML、XML、JavaScript (JSX Harmony) ファイル、およびスタイルシートの Emmet 設定を構成します。

項目

説明

略語を展開するキー

このリストから、Emmet セレクターを展開するためのデフォルトキーを選択します。このキーは Emmet ライブテンプレート(英語)も展開します。

Emmet.HTML

項目

説明

XML/HTML Emmet を有効にする

XML と HTML の Emmet サポートを有効にするには、このチェックボックスをオンにします。このチェックボックスが選択されていない場合、div.class>ul#list>.item$) などの複雑な略語はエディターでは機能しません。

略語プレビューを有効化

このチェックボックスを選択すると、PyCharm は実際に展開する前に、入力された略語のプレビューを表示するポップアップを表示します。

Abbreviation preview

<a> タグを含むテキストを折り返し中の自動 URL 認識を有効化

  • このチェックボックスがオフで、URL アドレスを <a> タグで囲む (Ctrl+Alt+J) 場合、PyCharm は URL アドレスを <a href=""></a> で囲み、href 属性の二重引用符の中にキャレットを置きます。例: https://www.jetbrains.com をラップすると次のようになります。

    <a href="|">https://www.jetbrains.com</a>

  • このチェックボックスが選択されていて、URL アドレスを <a> タグで囲む (Ctrl+Alt+J) 場合、PyCharm は href 属性の値として URL アドレスを二重引用符で囲み、URL を <a href="<wrapped URL>"></a> で囲みます。例: https://www.jetbrains.com をラップすると、次のようになります。

    <a href="https://www.jetbrains.com">https://www.jetbrains.com</a>

テンプレートの最後に編集ポイントを追加

  • このチェックボックスを選択すると、HTML テンプレート ($END$) の末尾に編集位置が追加されます。

  • このチェックボックスが選択されていない場合、新しい編集ポイントは追加されません。

    以下を比較してください:

    Edit point at the end of template

BEM

この領域では、クラス名、修飾子、短い要素の BEM 区切り文字を指定します。詳細については、Emmet のドキュメント(英語)を参照してください。

デフォルトで有効になっているフィルター

このエリアでは、エディターに表示される前に拡張された省略形に適用する Emmet フィルターを指定します。https://docs.emmet.io/filters/(英語) のフィルターについての詳細を参照してください。デフォルトでフィルターが常に適用されるようにするには、その横にあるチェックボックスをオンにします。使用可能なオプションは次のとおりです。

Emmet.CSS

項目

説明

CSS Emmet を有効にする

このチェックボックスを選択して、スタイルシートに対する Emmet サポートを有効にします。このチェックボックスが選択されていない場合、bdci:n を border-corner-image: none; に展開するような複雑な略語はエディターでは機能しません。

CSS 省略記法でファジー検索を有効にする

このチェックボックスをオンにすると、未知のすべての省略形が使用可能なテンプレート名に対して採点されます。最高のスコアとの一致がテンプレートの解決に使用されます。例: このオプションを有効にすると、次の略語は次のようになります。

  • ov:h

  • ov-h

  • o-h

  • oh

不明なプロパティの展開を使用可能にする ('不明' から ' 不明: ')

  • このチェックボックスをオンにすると、入力された単語は同じ単語に展開され、コロンとセミコロンが続きます。

  • このチェックボックスをオフにすると、既知のプロパティ（color など）のみがこのように拡張されます。color:;

css ベンダープレフィックスを自動挿入する

このチェックボックスをオンにすると、下表に示す CSS プロパティが、ベンダー接頭辞を含む構成体に展開されます。ベンダー接頭辞(英語)で詳細を参照してください。

このチェックボックスをオフにすると、プロパティのテーブル全体が無効になります。

プロパティとベンダー接頭辞

この表には、さまざまなブラウザーに対応する CSS プロパティとベンダー接頭辞のリストが含まれています。

  • ブラウザーでプロパティを有効または無効にするには、ブラウザーの列のチェックボックスをオンまたはオフにします。

  • 新しいプロパティをリストに追加するには、追加ボタン をクリックするか、Alt+Insert を押します。次に、開いたダイアログにプロパティの名前を入力し、関連するブラウザーで有効にします。

  • リストから 1 つ以上のプロパティを削除するには、選択して除去 をクリックするか、Alt+Delete を押します。

Emmet.JSX

項目

説明

JSX Emmet を有効にする

JSX ハーモニー(英語)コンテキストの XML フラグメント内で Emmet を使用するには、このチェックボックスを選択します。

コピーライト設定 インテンション