AppCode 2023.1 ヘルプ

Emmet

略語を展開するキー

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

Emmet.HTML

XML/HTML Emmet を有効にする

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

略語プレビューを有効化

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

Abbreviation preview

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

  • このチェックボックスを <a> オフに </a> して、URL アドレスを <a> タグで </a> ラップしようとすると <a>、AppCode は URL アドレスを <a href=""></a> で囲み、href 属性の二重引用符の内側にカーソルを置きます。例: http://www.jetbrains.com をラップすると、<a href="|">http://www.jetbrains.com</a> となります。</a>

    Emmet recognize url off
  • このチェックボックスが選択されているときに URL アドレスを <a> タグで </a> ラップしようとすると <a>、AppCode は URL アドレスを href 属性の値として二重引用符で囲み、<a href="<wrapped URL>"></a> で囲みます。例: http://www.jetbrains.com をラップすると <a href="http://www.jetbrains.com">http://www.jetbrains.com</a> になります。さらに、AppCode はラップされた URL を認識された URL として緑色でハイライトします。</a>

    Emmet recognize url

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

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

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

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

Edit point at the end of template

BEM

この領域では、クラス名、修飾子、短い要素の BEM セパレータを指定します。詳細は、Emmet のドキュメント(英語)を参照してください。

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

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

Emmet.CSS

CSS Emmet を有効にする

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

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

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

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

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

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

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

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

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

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

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

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

Emmet.JSX

JSX Emmet を有効にする

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