Emmet

XML/HTML Emmet を有効にする

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

略語プレビューを有効化

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

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

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

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

• このチェックボックスがオンで、URL アドレスを <a> タグで囲む (Ctrl+Alt+J) 場合、IntelliJ IDEA は URL アドレスを double 引用符の中に href 属性の値として挿入し、URL を <a href="<wrapped URL>"></a> で囲みます。 例: https://www.jetbrains.com/ja-jp をラップすると次のようになります。

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

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

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

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

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

  

BEM

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

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

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

• XSL チューニング (英語)

• コメントタグ (英語)

• Escape(英語)

• 単一行 (英語)

• BEM(英語)

• 行マーカーのトリム (英語)

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 を押します。

JSX Emmet を有効にする

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